1. 程式人生 > >easyUI下拉框相關

easyUI下拉框相關

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方法可去掉。