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;
         }
     });