easyUI数据表格datagrid之笔记2

Posted 2020-08-13 日月心诚

/**=========================================
* 追加在表格尾部
*/
function append(){
editIndex = $(‘#dg‘).datagrid(‘getRows‘).length-1;
//if (endEditing()){
$(‘#dg‘).datagrid(‘appendRow‘,{
MEDIA_ID:editIndex,
MEDIA_NAME:‘testmedia‘,
MEDIA_DOMAIN:‘http://ceshimedia.com/‘,
MEDIA_TYPE:‘2‘
});

$(‘#dg‘).datagrid(‘selectRow‘, editIndex).datagrid(‘beginEdit‘, editIndex);
//}
}

 

/**=========================================
/*移除数据 */
function removeit(){
if (editIndex == undefined){return true;}
$(‘#dg‘).datagrid(‘cancelEdit‘, editIndex)
.datagrid(‘deleteRow‘, editIndex);
editIndex = undefined;
}

/**=========================================
/*接受表格的编辑并保存，，没有向数据库更新
提交自从被加载以来或最后一次调用 acceptChanges 以来所有更改的数据。*/
function accept(){
if (endEditing()){
$(‘#dg‘).datagrid(‘acceptChanges‘);
}
}

/**=========================================
* 取消编辑，也没有向数据库更新
*/
function reject(){
$(‘#dg‘).datagrid(‘rejectChanges‘);
editIndex = undefined;
}

/**=========================================
*获取最后一次提交以来更改的行
* type 参数表示更改的行的类型，可能的值是：inserted、deleted、updated，等等。
* 当 type 参数没有分配时，返回所有改变的行。*/
function getChanges(){
var rows = $(‘#dg‘).datagrid(‘getChanges‘);
alert(rows.length+‘ rows are changed!‘);
}

表格的编辑（某一行的开始编辑和结束编辑）

$("#dg").datagrid(‘beginEdit‘,0);
$("#dg").datagrid(‘endEdit‘,0);

$("#dg").datagrid(‘getChanges‘,‘inserted‘);//返回添加数据的对象，是一个数组类型，里面是键值对

$("#dg").datagrid(‘getChanges‘,‘updated‘);//返回更新（修改）的对象