easyui datagrid 動態生成列

2022-01-30 11:19:51 字數 1891 閱讀 5034

最近有專案需求,顯示動態列,也就是根據配置的列,進行動態載入

專案原型為:

實現效果:

------獲取列,用ajax去動態獲取 

1

function

getcols() });

14 });

15 }

16}17

});18

19return

columns;

20 }

-----動態拼接組合成 array  並賦值就可以了

1

//載入運費**

2function

getfrtgrid(pqid) ,

10 ,

11 ,

12 },

13 },

14 },

1516

,28 ,

29]]30}

31}32},33,

45 ,

46]]47}

48}49},

5051,63

64 ,

65]]66}

67}68},69,

78}79},

80 } },

8182 , options: },

83 } },

8493}94

},95

,108 ,

109 ,

110 ,

111]]

112}

113114

}115

},116 },

117 },

118];

119120

121if (colss.length > 0) );

126 }

127128

129 $('#gridtablefrt').datagrid(,

139 method: 'get',

140columns: [cols],141

142 onloadsuccess: function

(data) ,

145})

146 grideditfrt = new com.editgridviewmodel($('#gridtablefrt'));

147148 $('#gridtablefrt').datagrid('resize', );}

}

標記為紅色的部分就是關鍵部分**,提供了簡單思路.

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 作為引...