manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fileupload、listselect、treeselect支持通过js.template指定readonly属性，或者通过cssClass指定disabled设置只读。

Browse Source
This commit is contained in:
thinkgem
2021-01-02 09:33:17 +08:00
parent 759b416297
commit 8a1268d8a8
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/main/resources/views/modules/test/testDataForm.html
View File

@@ -244,7 +244,10 @@ $("#testDataChildDataGrid").dataGrid({
formatter:'date', formatoptions:{srcformat:'Y-m-d H:i:s',newformat:'Y-m-d'},
editable:true, edittype:'text', editoptions:{'class':'form-control laydate', 'readonly':'true',
dataInit: function(element){
laydate.render({elem:element, type:'date', format:'yyyy-MM-dd'});
laydate.render({elem:element, type:'date', format:'yyyy-MM-dd', done: function(){
// 选择日期后，自动给下一个输入框赋值（联动实例）
// $(element).closest('td').next().find('.form-control').val('2020-11-26 10:10:10');
}});
}
}
},
@@ -265,12 +268,16 @@ $("#testDataChildDataGrid").dataGrid({
id: 'user_'+editOptions.id, title: '用户选择',
name: 'testUser.userCode', value: val.split('|')[0],
labelName: 'testUser.userName', labelValue: val.split('|')[1],
url: '${ctx}/sys/office/treeData?isLoadUser=true', cssClass: ''
url: '${ctx}/sys/office/treeData?isLoadUser=true', cssClass: '', readonly: false
});
},
custom_value: function(element, act){
return {userCode: element.find('[type=hidden]').val(),
userName: element.find('[type=text]').val()};
},
dataInit: function(element){
// 初始化控件后设置只读模式（实例）
// $(element).find('.form-control, .btn').addClass('disabled');
}
},
unformat: function(val, obj, cell){
@@ -286,7 +293,7 @@ $("#testDataChildDataGrid").dataGrid({
id: 'user_'+editOptions.id, title: '用户选择',
name: 'testUser2.userCode', value: val.split('|')[0],
labelName: 'testUser2.userName', labelValue: val.split('|')[1],
url: '${ctx}/sys/empUser/empUserSelect', cssClass: '',
url: '${ctx}/sys/empUser/empUserSelect', cssClass: '', readonly: false,
itemCode: 'userCode', itemName: 'userName'
});
}
@@ -301,7 +308,7 @@ $("#testDataChildDataGrid").dataGrid({
id: 'office_'+editOptions.id, title: '机构选择',
name: 'testOffice.officeCode', value: val.split('|')[0],
labelName: 'testOffice.officeName', labelValue: val.split('|')[1],
url: '${ctx}/sys/office/treeData?officeTypes=1,2', cssClass: ''
url: '${ctx}/sys/office/treeData?officeTypes=1,2', cssClass: '', readonly: false
});
}
}
@@ -315,7 +322,7 @@ $("#testDataChildDataGrid").dataGrid({
id: 'area_'+editOptions.id, title: '区域选择',
name: 'testAreaCode', value: val.split('|')[0],
labelName: 'testAreaName', labelValue: val.split('|')[1],
url: '${ctx}/sys/area/treeData', cssClass: ''
url: '${ctx}/sys/area/treeData', cssClass: '', readonly: false
});
}
}
@@ -325,7 +332,7 @@ $("#testDataChildDataGrid").dataGrid({
custom_element: function(val, editOptions) {
return js.template('fileuploadTpl', {
id: 'fileupload_'+editOptions.id, title: '区域选择',
bizKey: val, bizType: 'testDataChild_file', cssClass: ''
bizKey: val, bizType: 'testDataChild_file', cssClass: '', readonly: false
});
}
}
@@ -365,17 +372,17 @@ $("#testDataChildDataGrid").dataGrid({
<script id="treeselectTpl" type="text/template">//<!--<div>
<#form:treeselect id="{{d.id}}" title="{{d.title}}" name="{{d.name}}" value="{{d.value}}"
labelName="{{d.labelName}}" labelValue="{{d.labelValue}}" url="{{d.url}}"
class="{{d.cssClass}}" btnClass="btn-sm" allowClear="true"/>
class="{{d.cssClass}}" btnClass="btn-sm" allowClear="true" readonly="{{d.readonly}}"/>
</div>//--></script>
<script id="listselectTpl" type="text/template">//<!--<div>
<#form:listselect id="{{d.id}}" title="{{d.title}}" name="{{d.name}}" value="{{d.value}}"
labelName="{{d.labelName}}" labelValue="{{d.labelValue}}" url="{{d.url}}"
class="{{d.cssClass}}" btnClass="btn-sm" allowClear="true"
class="{{d.cssClass}}" btnClass="btn-sm" allowClear="true" readonly="{{d.readonly}}"
itemCode="{{d.itemCode}}" itemName="{{d.itemName}}"/>
</div>//--></script>
<script id="fileuploadTpl" type="text/template">//<!--<div>
<#form:fileupload id="{{d.id}}" bizKey="{{d.bizKey}}" bizType="{{d.bizType}}"
uploadType="all" class="{{d.cssClass}}" isMini="true" preview="true"/>
<#form:fileupload id="{{d.id}}" bizKey="{{d.bizKey}}" bizType="{{d.bizType}}" uploadType="all"
class="{{d.cssClass}}" isMini="true" preview="true" readonly="{{d.readonly}}"/>
</div>//--></script>
<script>
$("#inputForm").validate({