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動態產生列的方法,希望對大家有幫助!