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