在做itoo成績的時候，有個需求是教師判分，學生成績有兩部分組成：平時成績和期末成績，然後根據兩種成績比例算出總成績。現在是有了平時成績和成績比例，輸入期末成績，計算出總成績，並且把輸入的期末成績和計算的總成績更新到資料庫中。主要應用了單擊單元格進行編輯，編輯完成之後，失去焦點則儲存資料。如果資料沒有變化，失去焦點則不更新資料庫。
頁面效果是這樣的：
輸入資料，並失去焦點之後：
如何實現的：
html：
$('#dg').datagrid(/querystudentanswer',
queryparams:,
onclickcell: onclickcell,
onafteredit:onafteredit,
rownumbers:true,
pagination:'true',
fitcolumns:'true',
singleselect:'true',
columns:[[
/* , */
,
,
,
,
,
, ,
, ,
,
,
} ,
, ,
]]
});
單擊單元格和失去焦點，提交資料的js：
這樣就可以實現了單元格編輯儲存的效果了。
EasyUI datagrid 使用小結
用了easyui框架一段時間了，這個前端框架用起來還是挺方便的，也有很多現成的控制項，看看官方文件應該還是能比較快用起來的。在這裡記錄一下一些常用的控制項的方法，遇到過的bug或者當初耗了一點時間來實現的功能吧。var pager dg datagrid getpager 獲取分頁 物件 var p...
easyui datagrid 多表頭設定
最近在做二維報表，要求報表的表頭自定義。在網上找了好久二維報表的外掛程式，一直找不到合適的。後來就用easyui 中的datagrid替代了一下。根據實際需求，統計的資訊可能不是乙個模組中的字段資訊，所以需要把模組和模組下的字段都顯示出來，這就用到了 中的合併單元格，但是在datagrid中如何實現...
easyUI datagrid 前端真分頁
前文再續，書接上一回。easyui datagrid 前端假分頁 真分頁是easyui datagrid 的預設方式。所謂真分頁，就是後台傳給前端的資料，真的是分頁後的資料。而假分頁，是全部資料。easyui datagrid 向後台請求資料的時候，會自動將頁號 page 每頁數量 rows 作為引...