easyUI下拉框相關
阿新 • • 發佈:2018-12-10
1.easyUI下拉選擇:
<tr> <td style="text-align: right;">是否稽查人員:</td> <td> <input class="easyui-combobox" data-options="width:250,valueField: 'label',textField: 'value', data: [{ label: '0', value: '是' },{ label: '1', value: '否', 'selected':true }]" /> </td> </tr>
(2)顯示格式化:
<th data-options="field:'isInspector',halign:'center',width:'10%',formatter:isInspectorFormatter">是否稽查人員</th>
function isInspectorFormatter(value,row,index){
if(value == 0){
return '是';
}
else{
return '否';
}
}
(3)easyUI下拉框回顯:
$(document).ready( function() { // 設定載入完成後回撥 $('#userEdit').form({onLoadSuccess:loadsucc}); $('#userEdit').form('load','<%=rootpath%>/user/get/'+${entity}.id); }); function loadsucc(data){ if(data.isInspector == 0){ $('#isInspector').combobox('setValue','是'); } else{ $('#isInspector').combobox('setValue','否'); } }
糾錯:
編輯介面的easyui下拉框不需要做回顯處理,combobox會自動對應顯示其value,所以loadsucc方法可去掉。