easyUI 常见问题点

1.datebox:

 

1.1datebox 控件打开页面就验证：

 

1 $('#endDate').datebox({
2     required:true,
3     validateOnCreate:false
4 });

 

1.2datebox显示英文：

 

　　解决办法：引入easyui-lang-zh_CN.js(easyUI 下载的包里面有)

 

1.3datebox显示日期格式修改：

 

$.fn.datebox.defaults.formatter = function(date){
     var y = date.getFullYear();
     var m = date.getMonth()+1;
     var d = date.getDate();
    return m+'/'+d+'/'+y;
}

 

 

 

1.4easyui-datebox禁止手动输入

$('#endDate').datebox({
    required:true,
    prompt:"结束日期",
    editable:false,
    validType:'minDay["#stateDate"]',
    validateOnCreate:false
});

 

 

 

1.5easyui-combobox动态更改 required参数

 

 

 

 说明：当id为cc的combox 发生改变是，ID为dd的combox 禁用且非必须；

注意：

function iCheckChange(aChecked){
  $('#dd').combobox(aChecked?'enable':'disable');
  $('#dd').combobox('options').required = aChecked;
  $('#dd').combobox('textbox').validatebox('options').required = aChecked;
  $('#dd').combobox('validate');
};

$('#dd').combobox(aChecked?'enable':'disable'); 添加的时候，dd在form表单中，在取表单值的时候 不会取到dd；

即：

<script>
$(function(){

    $("#cc").combobox({
        onChange:function(newValue,oldValue){
            debugger
            var params = $('#searchForm').serializeArray();
            console.log(JSON.stringify(params));
            iCheckChange(false);
            $('#dd').combobox('setValue', 'CT');
            var params1 = $('#searchForm').serializeArray();
            console.log(JSON.stringify(params1));
        }
    })
})

function iCheckChange(aChecked){
  $('#dd').combobox(aChecked?'enable':'disable');
  $('#dd').combobox('options').required = aChecked;
  $('#dd').combobox('textbox').validatebox('options').required = aChecked;
  $('#dd').combobox('validate');
};

</script>

控制台答应出来的结果：

[{"name":"state","value":"AK"},{"name":"state","value":""}]
 [{"name":"state","value":"AK"}]