EasyUI edatagrid插件使用小計

html片段

   <table id="menuview" style="width:100%">
        <thead>
            <tr>
                <th field="ID0" width="5%" fixed="true" checkbox="true"></th>
                <th field="TOPIC" width="30%" fixed="true" editor="{type:'validatebox',options:{required:true,missingMessage:'目錄名稱不能為空。',height:'100px'}}">目錄名稱</th>
                <th field="WJBH" width="10%" fixed="true" editor="text">文件編號</th>
                <th field="ARCHUSER" width="10%" fixed="true" editor="text">責任者</th>
                <th field="PAGECOUNT" width="5%" fixed="true" editor="numberbox">頁數</th>
                <th field="YH" width="5%" fixed="true" editor="text">頁號</th>
                <th field="RQ" width="10%" fixed="true" editor="{ type:'datebox',options:{editable:false}}">日期</th>
                <th field="ISSCJNML" width="10%" fixed="true" editor="{ type:'checkbox',options:{on: 1,off:0}}" align="center" formatter="rowCheckBoxFormater">是否生成件內目錄</th>
                <th field="BZ" width="15%" fixed="true" editor="text">備注</th>
            </tr>
        </thead>
    </table>

javascript 片段

$('#menuview').edatagrid({
            idField: 'ID0',//主鍵
            rownumbers: true,//序號
            pagination: false,//是否分類
            fitColumns: true,//配合列拖動時，禁止列自適應寬度
            singleSelect: false,  //是否單選,
            url: "GetCatalogNew?ARCHGID=" + vARCHGID + "&ISSJ=" + vISSJ,//獲取數據url
            pageSize: 15,//分頁配置
            pageList: [15, 30, 45, 60],//分頁配置
            toolbar: '#tb',//工具
            autoSave: false,//是否自動報錯
            selectOnCheck: true,
            checkOnSelect: false,
            saveUrl: "CatalogAddYY?ISSJ=" + vISSJ,        //新建,都是eadatagrid封裝好的,把鏈接填好就行,點擊之后會自動發送json數據包
            updateUrl: "CatalogAddYY?ISSJ=" + vISSJ,      //保存
            destroyUrl: "CatalogAddYY?ISSJ=" + vISSJ,      //刪除
            destroyMsg: {
                norecord: {    // 在沒有記錄選擇的時候執行
                    title: '警告',
                    msg: '沒有要刪除的記錄。'
                },
                confirm: {       // 在選擇一行的時候執行
                    title: '確認',
                    msg: '您確定要刪除嗎?'
                }
            },
            onBeforeLoad: function (param) {
            },
            onLoadSuccess: function (data) {
                $(this).datagrid('enableDnd');
            },
            onLoadError: function () {
            },
            onDestroy: function (index, row) {
            },
            onAdd: function (index, row) {
                row.ARCHGID = vARCHGID;
            },
            onBeforeSave: function (index) {
                return true;
            },
            onSave: function (index, row) {
                var $datagrid = $('#menuview');
                if ($datagrid.data('isSave')) {
                    //如果需要刷新，保存完后刷新
                    $datagrid.edatagrid('reload');
                    $datagrid.removeData('isSave');
                }
            },
            onBeforeDrag: function (row) {
                var vSelectRowIndex = $('#menuview').datagrid('getRowIndex', row);//獲取選擇行索引
                var vEditRowIndex = $('#menuview').datagrid('getEditingRowIndexs')//獲取編輯行索引
                if (vSelectRowIndex == vEditRowIndex) { //防止 編輯行拖動bug
                    return false;
                }
            },
            //拖拽某行到指定位置后觸發
            onDrop: function (targetRow, sourceRow, point) {
                //獲取拖拽后的數據行
                var rows = $('#menuview').edatagrid("getRows");
                var id0 = "";
                var vLength = rows.length;
                for (var i = 0; i < vLength; i++) {
                    id0 += rows[i].ID0 + ",";
                }
                MaskUtil.mask();
                $.post("UpFileOrder?ID0=" + id0 + "&ISSJ=" + vISSJ, function (response) {
                    $('#menuview').edatagrid("reload");
                    MaskUtil.unmask();
                });
            },
            toolbar: [{
                text: '增加',
                iconCls: 'icon-add',
                handler: function () {
                    $('#menuview').edatagrid('addRow');
                }
            }, {
                text: '保存',
                iconCls: 'icon-save',
                handler: function () {
                    //標記需要刷新
                    $('#menuview').data('isSave', true).edatagrid('saveRow');
                }
            }, {
                text: '合並',
                iconCls: 'icon-save',
                handler: function () {
                    //標記需要刷新
                    $('#menuview').data('isSave', true).edatagrid('saveRow');
                }
            }, {
                text: '分割',
                iconCls: 'icon-save',
                handler: function () {
                    //標記需要刷新
                    $('#menuview').data('isSave', true).edatagrid('saveRow');
                }
            }, '-',

            '-', {
                text: '刪除',
                iconCls: 'icon-save',
                handler: function () {
                    delData();
                }
            }, {
                text: '刷新',
                iconCls: 'icon-reload',
                handler: function () {
                    $('#menuview').edatagrid('reload');
                }
            }]
        });
    });
    /*
*  datagrid 獲取正在編輯狀態的行，使用如下：
*  $('#id').datagrid('getEditingRowIndexs'); //獲取當前datagrid中在編輯狀態的行編號列表
*/
    $.extend($.fn.datagrid.methods, {
        getEditingRowIndexs: function (jq) {
            var rows = $.data(jq[0], "datagrid").panel.find('.datagrid-row-editing');
            var indexs = [];
            rows.each(function (i, row) {
                var index = row.sectionRowIndex;
                if (indexs.indexOf(index) == -1) {
                    indexs.push(index);
                }
            });
            return indexs;
        }
    });