jeesite实战(九)——设置对象选择器为只读

系列文章目录

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

本系列文章主要记录项目过程中重点的项目技术

---

一、目标

编辑页面时，设置对象选择器的属性为只读，效果如下图

二、实现目标

1.HTML代码

<div class="col-xs-6">
	<div class="form-group">
		<label class="control-label col-sm-4" title=""> 
		<span class="required hide">*</span> ${text('基站选择')}：<i class="fa icon-question hide"></i></label>
		<div class="col-sm-8">
			<#form:listselect id="station" title="基站选择" path="stationId" labelPath="station.name" 
			url="${ctx}/lbst/subsectionStation/stationSelect"  allowClear="true"  checkbox="false"  itemCode="id"
				itemName="name"  class="required "  />
				
		</div>
	</div>
 </div>

2.JS代码

var lable = false;
//判断是否是编辑页面，如果是，那么设置code属性为只读
$(function(){
	var cc = $(".box-title").text();
	var index = cc.indexOf("编辑");
	if(index<0){
		lable = false;
	}else{
		//如果是编辑页面
		lable = true;
	}
	 //判断是否是新增页面
	if(index < 0){
		//设置为非只读
		$("#stationName").removeAttr("readonly");
		//设置对象选择器为只显示
		$("#stationName").attr("class","form-control form-control required  isReset");
		//设置搜索框为只读
		$("#stationButton").attr("class","btn btn-default  ");
		
	}else{
		//如果是编辑页面，将workerCode设置为只读
		$("#stationName").attr("readonly","readonly");
		//设置对象选择器为只显示
		$("#stationName").attr("class","form-control disabled form-control required  isReset");
		//设置搜索框为只读
		$("#stationButton").attr("class","btn btn-default disabled ");
	}  
});

3.主要实现逻辑

---

总结

至此，本文章结束