ligerui 表格中设置单元格不可编辑，添加行，删除行

来源：互联网发布：咫尺网络微官网编辑：程序博客网时间：2024/05/23 18:11

一、需求：开发个表格grid用来显示维护线路段，出发地和目的地已经确定，需要维护中间路段
二、解析:
1、既然出发地和目的地已经确定，那么出发地和目的地是不可以编辑的，因为附带有其他字段是可以编辑的，所以不可以直接操作行
2、添加的线路段需要在目的地之前显示
三、开发
上网查了一些资料，还是没有头绪，想了好久终于还是实现了
1、点击添加时在目的地之前添加一行

toolbar : {        id   : 'grid_toolbar',        items: [{            text   : '添加',            disable: false,            id     : 'new_btn',            click  : function () {                window.routegrid.addRow(                        {                            freight_station : '',                            freight_station_name : '',                            supplier : '',                            supplier_name : ''                        },manager.getData()[manager.getData().length-1],true)            },            icon   : 'add'        }, {            text : '删除',            click: function () {                deleteRow();            },            icon : 'delete'        }, {            text : '提交全部',            click: function () {                f_total();            },            icon : 'save'        }]    }

代码贴的有点多，关键代码

 window.routegrid.addRow(                        {                            freight_station : '',                            freight_station_name : '',                            supplier : '',                            supplier_name : ''                        },manager.getData()[manager.getData().length-1],true)            },

其中routegrid是grid的id
addRow方法有几个参数，具体参考官网
{
freight_station : ”,
freight_station_name : ”,
supplier : ”,
supplier_name : ”
}
是添加那一行的默认值，
manager.getData()[manager.getData().length-1]是获取最后一行的数据，
true 是否在此之前，true是

=========================
2、设置单元格不可编辑

    enabledEdit : true,    rownumbers:true,    onBeforeEdit : beforeEdit,    isScroll: false,    checkbox:true,

表格里有个onBeforeEdit 参数

/**      * 编辑前重新渲染      */      function beforeEdit(rowData){        //出发地        if(rowData.column.columnindex == 2 && rowData.record.__id == manager.getData()[0].__id                 && rowData.record.freight_station == dialogData.rowdatas[0].source_location_gid){            return false;         }        //目的地不可编辑        if(rowData.record.__id == manager.getData()[manager.getData().length-1].__id                 && rowData.record.freight_station == dialogData.rowdatas[0].dest_location_gid){            return false;         }        return true;    }

rowData.column.columnindex == 2 是判断第二列
rowData.record.__id == manager.getData()[0].__id 判断是第一行
rowData.record.freight_station == dialogData.rowdatas[0].source_location_gid 判断是否是出发地
return false; 不可编辑

 if(rowData.record.__id == manager.getData()[manager.getData().length-1].__id                 && rowData.record.freight_station == dialogData.rowdatas[0].dest_location_gid){            return false;         }

这一段没有判断列，所以限制了这一行

最后return true 是可以编辑

删除行可以参考官网例子

阅读全文

0 0