xzb.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. /*
  2. * 返回json格式中 最好默认带有ID列
  3. 默认显示 20列
  4. * 列表id = 'gridTable'
  5. 列表url = 'Handler.ashx?action=page'
  6. 列表datatype = 'json'
  7. 列表colNames = ['ID', '名称', '性别', '手机', '邮箱']
  8. 列表colModel = 。。。
  9. 列表标题 caption = '用户列表'
  10. 列表修改URL editurl = 'Handler.ashx?action=oper'
  11. 列表默认排序 sortname = 'ID';
  12. 页码ID gridPagerID = 'gridPager'
  13. */
  14. //最后选中的行
  15. var lastsel;
  16. function myJqGrid(id, url, datatype, colNames, colModel, caption, sortname,
  17. gridPagerID, sortorder, height, width, multiselect, rownumbers) {
  18. var myGrid = $('#' + id);
  19. myGrid.jqGrid({
  20. url : url,
  21. datatype : datatype,
  22. height : height,
  23. width : width,
  24. rowNum : 20,
  25. rowList : [ 10, 20, 50 ],
  26. colNames : colNames,
  27. colModel : colModel,
  28. loadtext : "读取数据中。。。",
  29. jsonReader : {
  30. repeatitems : false,
  31. root : function(obj) {
  32. return obj.rows;
  33. },
  34. page : function(obj) {
  35. return obj.pageindex;
  36. },
  37. total : function(obj) {
  38. return obj.pagecount;
  39. },
  40. records : function(obj) {
  41. return obj.total;
  42. }
  43. },
  44. prmNames : {
  45. page : 'page',
  46. rows : 'pageSize',
  47. sort : 'sortorder',
  48. order : 'sortname'
  49. },
  50. rownumbers : rownumbers,
  51. multiselect : multiselect,
  52. loadonce : false,
  53. sortname : sortname,
  54. sortorder : sortorder,
  55. pager : '#' + gridPagerID,
  56. viewrecords : true,
  57. caption : caption,
  58. // toolbar: [true, 'top'],
  59. //altRows : true,
  60. //editurl:"http://localhost:8080/healthsystem/hsindex.action",
  61. cellEdit : true,
  62. cellsubmit : 'clientArray',
  63. // 最后选中的行
  64. onSelectRow : function(id) {
  65. if (id && id !== lastsel) {
  66. myGrid.jqGrid('restoreRow', lastsel);
  67. myGrid.jqGrid('editRow', id, true);
  68. lastsel = id;
  69. //lastsel = myGrid.jqGrid('getRowData', id)[sortname];
  70. }
  71. },afterSaveCell : function(rowid, cellname, value, iRow, iCol) {
  72. //function saveData(){
  73. //var arr = $("#gridTable").getChangedCells('all'); // Return Rows
  74. var rowDatas = $("#gridTable").jqGrid('getRowData', rowid);
  75. var obj=new Object();
  76. obj.id=rowDatas.id;
  77. obj.hcode=rowDatas.hcode;
  78. obj.name=rowDatas.name;
  79. obj.gstatus=rowDatas.gstatus;
  80. obj.wpId=rowDatas.wpId;
  81. $.ajax({
  82. type:'post',
  83. dataType : "json",
  84. url:'../healthsystem/updateHealthSystem.action',
  85. data:{"obj":JSON.stringify(obj)},
  86. success:function(data){
  87. //alert(data);
  88. }
  89. });
  90. //}
  91. },loadComplete: function () {
  92. //debugger;
  93. //在表格加载完成后执行
  94. var ids = myGrid.jqGrid("getDataIDs");//获取所有行的id
  95. var rowDatas = myGrid.jqGrid("getRowData");//获取所有行的数据
  96. for(var ii=0;ii < rowDatas.length;ii++){
  97. var rowData = rowDatas[ii];
  98. if(rowData.status == 1){//如果某一行中的“status”为0,那就把这一整行的背景颜色设为红色
  99. myGrid.find("#"+ids[ii]+ " td").css("background-color","red");
  100. }
  101. }
  102. }
  103. });
  104. }