系列文章目录
提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
本系列文章主要记录项目过程中重点的项目技术
一、目标
编辑页面时,设置对象选择器的属性为只读,效果如下图
二、实现目标
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.主要实现逻辑
总结
至此,本文章结束