jQuery EasyUI中DataGird動態產生列的方法，easyuidatagird

jQuery EasyUI中DataGird動態產生列的方法，easyuidatagird

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動態產生列的方法，希望對大家有所協助！

您可能感興趣的文章:

• jQuery EasyUI API 中文文檔 - DataGrid資料表格
• jQuery easyui datagrid動態查詢資料執行個體講解
• JQueryEasyUI datagrid架構的進階使用
• JQueryEasyUI datagrid架構的基本使用
• Jquery下EasyUI組件中的DataGrid結果集清空方法
• jQuery EasyUI datagrid實現本地分頁的方法
• jQuery EasyUI之DataGrid使用執行個體詳解
• jQuery Easyui學習之datagrid 動態添加、移除editor