EasyUI知识点汇总

combobox联动设置

$(document).ready(function() {
                $('#gdfsdl1').combobox({
                    onSelect: function(record){
                        $('#gdfsxl1').combobox('clear');
                        if(record.value == "内部转供电"){
                            $('#gdfsxl1').combobox({data:[{value:'交警'},{value:'分局'},{value:'市局'}]});
                        }else if(record.value == "社会转供电"){
                            $('#gdfsxl1').combobox({data:[{value:'商铺'},{value:'路灯'},{value:'铁塔公司'},{value:'公交'}]});
                        }else{
                            $('#gdfsxl1').combobox({data:[{value:'各供电局'}]});
                        }
                    }
                });
})

<tr>
                            <td style=" 10%;text-align: right;word-spacing: 10px;">
                                供电方式大类:
                            </td>
                            <td style=" 20%" >
                                <select id="gdfsdl1" data-options="editable:false" class="easyui-combobox" panelHeight="auto" style="75%">
                                    <option value="内部转供电">内部转供电</option>
                                    <option value="社会转供电">社会转供电</option>
                                    <option value="供电局转供电">供电局转供电</option>
                                </select>
                            </td>
                            <td style=" 10%;text-align: right;word-spacing: 10px;">
                                供电方式小类:
                            </td>
                            <td style=" 20%" >
                                <input id="gdfsxl1" class="easyui-combobox" data-options="editable:false,textField: 'value'" panelHeight="auto" style="75%">
                                <!--<select id="gdfsxl1" data-options="editable:false" class="easyui-combobox" panelHeight="auto" style="75%">
                                    
                                </select>-->
                            </td>
                            
                        </tr>

 datagrid包含复选框列，设置某些列点击行复选框不可被选中

onLoadSuccess: function(data){//加载完毕后获取所有的checkbox遍历
                    if (data.rows.length > 0) {
                        //循环判断操作为新增的不能选择
                        for (var i = 0; i < data.rows.length; i++) {
                            //根据isFinanceExamine让某些行不可选
                            if (data.rows[i].deviceType =='网关' || data.rows[i].state != '未分配') {
                                $("input[type='checkbox']")[i + 1].disabled = true;
                            }
                        }
                    }
                },
                onClickRow: function(rowIndex, rowData){
                    //加载完毕后获取所有的checkbox遍历
                    $("input[type='checkbox']").each(function(index, el){
                        //如果当前的复选框不可选，则不让其选中
                        if (el.disabled == true) {
                            $('#dg').datagrid('unselectRow', index - 1);
                        }
                })
            }

validatebox校验IP地址

<input name="ipPoolBean.beginIp" class="easyui-textbox" style="350px" type="text" data-options="required:true,validType:'checkIp'"/>

<script>
　　　　$.extend($.fn.validatebox.defaults.rules, {  
                checkIp : {// 验证IP地址  
                    validator : function(value) {  
                        var reg = /^((1?d?d|(2([0-4]d|5[0-5]))).){3}(1?d?d|(2([0-4]d|5[0-5])))$/ ;  
                        return reg.test(value);  
                    },  
                    message : 'IP地址格式不正确'  
                }  
        });   
</script>

form提交表单时校验表单所填内容是否合法

$('#ff').form('submit',{
                onSubmit:function(){
                    flag = $(this).form('enableValidation').form('validate');
                    return flag;
                }
            });