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