emapEditableDataTable

表格编辑,修改,新增,删除,校验
Source:
示例
$('#emapEditableDataTable').emapEditableDataTable({
    newDataEmptyNum:1,
    emapdatatable:{
        pagePath:'',
        action:'action',
        customColumns:[{
            colIndex:0,
            type:'checkbox'
        },{
            colIndex:'last',
            type:'tpl',
            column:{
                text:'操作',
                cellsRenderer:function(){
                    return '';
                }
            }
        },{
            colIndex: 40,//如果已经有自定义列colIndex为last,请在此设置为数字,否则会出现问题,40表示展示在最后一列
            type:'edit_tpl', /表示编辑时的操作列
            column:{
                text:'操作',
                //colModel为当前列的模型,settings为组件配置参数,其中的editMode表示是否进入编辑模式,rowData的isToDelete表示行是否待删除
                cellsRenderer:function(row, column, value, rowData, colModel, settings){ 
                    return '';
                }
            }
        }]
    }
});

配置

(static) $.fn.emapEditableDataTable.defaults

[description]
属性:
名称 类型 属性 默认值 描述
isAutoAdd Boolean <optional>
false 原始表单数据为空,是否进入编辑模式
newDataEmptyNum Number <optional>
0 原始表单数据为空,今日编辑模式,默认新增几行数据,
newRows Array <optional>
新数据
emapdatatable Object 参数同组件emapdatable入参
Source:

方法API

addRow(opt)

新增数据
参数:
名称 类型 描述
opt Object 入参
Properties
名称 类型 描述
newDataEmptyNum Number 增加几条新数据
newRows Array 每行的数据,newDataEmptyNum和rows二选一
Source:

cancelDeleteEmapRow(opt)

取消删除表格原始数据
参数:
名称 类型 描述
opt Object 入参
Properties
名称 类型 描述
rowIndex Number 行索引
Source:

cancelDeleteNewRow(opt)

取消删除新添加的行
参数:
名称 类型 描述
opt Object 入参
Properties
名称 类型 描述
rowIndex Number 行索引
Source:

checkedRowsIndex() → {Object}

获取勾选的行索引,emap表示原始表单,new表示新增表格
Source:
返回:
类型:
Object

deleteEmapRow(opt)

删除表格原始数据
参数:
名称 类型 描述
opt Object 入参
Properties
名称 类型 描述
rowIndex Number 行索引
Source:

deleteNewRow(opt)

删除新添加的行
参数:
名称 类型 描述
opt Object 入参
Properties
名称 类型 描述
rowIndex Number
Source:

enterEditMode()

进入编辑模式,先判断是否已经进入编辑模式
Source:

getChangedRows() → {Array}

emapDataTable changerRows 不包括将要被删除的行
Source:
返回:
类型:
Array

getCurrentTableRows() → {Object}

获取当前表格实例包含的数据,不包含待删除的行
Source:
返回:
{emap: [],news: []}
类型:
Object

getEmapDataTable() → {DOM}

获取emapDataTable元素,可以调用emapdatatable的API
Source:
返回:
类型:
DOM
示例
$el.emapEditableDataTable('getEmapDataTable').emapdatatable('reload')

getNewChangedRows() → {Array}

不包括将要被删除的行
Source:
返回:
类型:
Array

getNewDataHolderTable() → {DOM}

获取getNewDataHolderTable元素,可以调用emapdatatable的API
Source:
返回:
类型:
DOM

getToDeleteRows() → {Array}

emapDataTable 将要被删除的行
Source:
返回:
类型:
Array

isInEditMode() → {Boolean}

判断表格是否处于编辑模式
Source:
返回:
类型:
Boolean

leaveEditMode()

退出编辑模式
Source:

validateTable() → {Boolean}

校验表格输入是否合法
Source:
返回:
类型:
Boolean