关于easyui网格设置功能

---

jsp代码部分

<div id="dialog">    <div id="dataList"></div></div>

js代码部分

//id：为<table>标签id，主要用于设定datagridfunction settingNet(id) {    var $listDate = $('#' + id);    $("#dialog").dialog({        title: '网格设置',        modal: true,        width: 450,        height: 300,        onOpen: function () {            var columnFields = $listDate.datagrid("getColumnFields");            var columnDefineArray = [];            var checkedRow = [];            $.each(columnFields, function (i, columnField) {                var fieldOptions = $listDate.datagrid("getColumnOption", columnField);                fieldOptions.text = fieldOptions.title;                fieldOptions.value = columnField;                if (!fieldOptions.hidden) {                    checkedRow.push(i);                }                columnDefineArray.push(fieldOptions);            });            $("#dataList").datalist({                lines: true,                checkbox: true,                selectOnCheck: false,                singleSelect: false,                data: columnDefineArray,                onLoadSuccess: function () {                    $.each(checkedRow, function (i, rowIndex) {                        $("#dataList").datalist("checkRow", rowIndex);                    });                }            });        },        buttons: [{            text: "全选",            handler: function () {                $("#dataList").datalist("checkAll");            }        }, {            text: "全不选",            handler: function () {                $("#dataList").datalist("clearChecked");            }        }, {            text: "确定",            handler: function () {                var checkedDataArray = $("#dataList").datalist("getChecked");                var showColumns = [];                $.each(checkedDataArray, function (i, checkedData) {                    showColumns.push(checkedData.value);                });                var columnFields = $('#list_data').datagrid("getColumnFields");                var hideColumn = [];                $.each(columnFields, function (i, columnField) {                    if ($.inArray(columnField, showColumns) != -1) {                        $listDate.datagrid("showColumn", columnField);                    } else {                        hideColumn.push(columnField);                        $listDate.datagrid("hideColumn", columnField);                    }                });            }        }, {            text: "关闭",            handler: function () {                $("#dialog").dialog("close");            }        }]    });}

---

 注意：easyui版本须1.4.2及以上才可支持