首页 > 代码库 > easyUI数据表格datagrid之笔记2

easyUI数据表格datagrid之笔记2

/**=========================================
* 追加在表格尾部
*/
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‘);//返回更新(修改)的对象

easyUI数据表格datagrid之笔记2