easyui前台改變datagrid某單元格的值

2022-03-22 08:06:53 字數 1003 閱讀 5557

有時候前台完成某個操作後要修改datagrid的值, 也許這個datagrid是沒有儲存的, 所以要修改後才能傳遞到後台; 也許要其他操作過後才需請求後台; 這些情況都需要前台對datagrid的單元格進行修改操作:

假設我們有乙個」 stafflogdetailgrid」的datagrid;

// 得到columns物件

var columns = $('#dg').datagrid("options").columns;

// 得到rows物件

var rows = $('#dg').datagrid("getrows"); // 這段**是// 對某個單元格賦值

rows[lastindex][columns[0][5].field]=新的值;

// 重新整理該行, 只有重新整理了才有效果

$('#dg').datagrid('refreshrow', lastindex);

如果該行處於"行編輯"狀態, 如果直接呼叫"refreshrow"方法. 會報data is undefined這個錯; 需要先呼叫"endedit", 再呼叫"refreshrow", 最後呼叫"selectrow"和"beginedit"這兩個方法便可了; 一定要先關閉行編輯才能重新整理, 不然要報錯的...這個問題搞了我很久額...**如下:

$('#dg').datagrid('endedit', lastindex).datagrid('refreshrow', lastindex).datagrid('selectrow', lastindex).datagrid('beginedit', lastindex);

var row = $('#dg').datagrid("selectrow", lastindex).datagrid("getselected");

row.gzsj = getnowdate();

console.info(row);

$('#dg').datagrid('updaterow', row);

使用easyUI新增查詢功能在datagrid

檢視 demo 建立 datagrid 建立 datagrid和分頁功能然後新增工具欄到其中.item id product id list price unit cost attribute stauts 工具欄定義如下 item id product id search 當使用者輸入查詢值和按下...

Easyui 動態改變列

關於easyui 動態改變列,官方有乙個教程 但是這種方式會導致呼叫datagrid的load方法會向後台傳送多次請求,也有另外一種方式是 dg datagrid columns columns data 這樣寫的,但是這種方式會導致資料查詢過程中datagrid沒有遮蔽層,故想了另外一種方式來實現...

EasyUI分頁(前台分頁和後台分頁)

分頁包括前台分頁和後台分頁兩種,針對資料量比較小的,比如說單位,角色等,可以使用前台分頁,而針對日誌檔案這些,需要後台分頁。先說說前台分頁吧 function pagerfilter data var dg this var opts dg.datagrid options var pager dg...