EasyUI中使用DataGird顯示數據列表中,有時需要根據需要顯示不同的列,例如,在權限管理中,不同的用戶登錄后只能查看自己權限范圍內的列表字段,這就需要DataGird動態組合列,下面介紹EasyUI中DataGird動態生成列的方法。
DataGird動態生成列,實際上就是控制DataGird的 columns 屬性值,下面通過ajax異步調用后臺columns的數據,進行綁定。
<table id="dg"></table><script>function easyUIDataGrid(medid) {var $datagrid = {};var columns = new Array();$datagrid.title = "";$datagrid.height = $(window).height() - 31;$datagrid.width = $(window).width();$datagrid.sortName = "dt";$datagrid.sortOrder = "desc";$datagrid.idField = "id";var param = { "medid": medid };$.ajax({url: 'getCol.page',type: 'post',data: "medid=" + medid,dataType: "json",async: false,success: function (returnValue) { //異步獲取要動態生成的列 別名,寬度也可以var arr = returnValue;$.each(arr, function (i, item) {columns.push({ "field": item.colname, "title": item.colalias, "width": 100, "sortable": true });});$datagrid.columns = new Array(columns);$('#dg').datagrid($datagrid);}});}</script>
以上所述是小編給大家介紹的jQuery EasyUI中DataGird動態生成列的方法,希望對大家有所幫助!
新聞熱點
疑難解答