easy-ui 使用总结

1、datagrid 2次加载问题：

解决方案：<table id="DataGrid" class="easyui-datagrid"> 改为 <table id="DataGrid">

只需要在js中初始化datagrid即可

$(function(){
        $('#list_data').datagrid({
            iconCls:'icon-location',//图标 
.................................

 

 

2、window 中表单 ajax提交问题：

            $.ajax({
                cache: true,
                type: "POST",
                url: action,
                data:$('#'+formId).serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    if(data=='success'){
                        $('#w').window('close');//关闭添加框
                    }
                    if(data=='error'){
                        alertBox('错误信息','菜单添加失败，请稍后再试！','error');
                    }
                }
            });

 

 3、select取值问题

js:

var s = document.getElementById("aa").value;

jquery则是:

var s = $("#aa").val();

用了js框架easyui之后（添加class="easyui-combobox"），就不能这么用了，

你会发现不管怎么取都只能取得第一个option的值，

经过仔细寻查，easyui应该是这样的:

var s = $("#aa").combobox("getValue");

 

4、datagrid

<th field="inDate" width="110" data-options="formatter:dateformater">入货时间</th>
<th field="status" width="110" data-options="formatter:function(val){if(val=='0')return '默认';if(val=='1')return '审核通过';if(val=='1')return '审核不通过';}">状态</th>
<th field="remark" width="110">备注</th>
<th width="110" data-options="field:'_operate',formatter:formatOper">操作</th>

对于时间类型的处理，用formatter

function dateformater(obj){
    var date = obj.year+'-'+(obj.month+1)+'-'+obj.day;
    //var date = obj.year+'-'+(obj.month+1)+'-'+obj.day+' '+obj.hours+':'+obj.minutes+':'+obj.seconds;
    return date;
}

对于固定列eg:操作

field:'_operate'