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'

巴特西

easy-ui 使用总结

最新文章

热门文章