jQuery EasyUI中DataGird動態(tài)生成列的方法
EasyUI中使用DataGird顯示數(shù)據(jù)列表中,有時需要根據(jù)需要顯示不同的列,例如,在權(quán)限管理中,不同的用戶登錄后只能查看自己權(quán)限范圍內(nèi)的列表字段,這就需要DataGird動態(tài)組合列,下面介紹EasyUI中DataGird動態(tài)生成列的方法。
DataGird動態(tài)生成列,實際上就是控制DataGird的 columns 屬性值,下面通過ajax異步調(diào)用后臺columns的數(shù)據(jù),進行綁定。
<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) { //異步獲取要動態(tài)生成的列 別名,寬度也可以 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動態(tài)生成列的方法,希望對大家有所幫助!
- 基于jQuery和Bootstrap框架實現(xiàn)仿知乎前端動態(tài)列表效果
- jQuery動態(tài)顯示和隱藏datagrid中的某一列的方法
- jQuery實現(xiàn)表格行和列的動態(tài)添加與刪除方法【測試可用】
- 基于JQuery的動態(tài)刪除Table表格的行和列的代碼
- jQuery插件jqGrid動態(tài)獲取列和列字段的方法
- jQuery實現(xiàn)列表內(nèi)容的動態(tài)載入特效
- jQuery實現(xiàn)動態(tài)顯示select下拉列表數(shù)據(jù)的方法
- jQuery實現(xiàn)動態(tài)加載select下拉列表項功能示例
- jQuery動態(tài)產(chǎn)生select option下拉列表
- jQuery簡單實現(xiàn)向列表動態(tài)添加新元素的方法示例
- jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表示例
- Jquery動態(tài)列功能完整實例
相關(guān)文章
jQuery實現(xiàn)可拖拽3D萬花筒旋轉(zhuǎn)特效
本文主要介紹了使用了CSS3立體效果的強大特效,本特效使用jQuery跟CSS3 transform來實現(xiàn)在用戶鼠標(biāo)按下拖動時,環(huán)形圖片墻可以跟隨鼠標(biāo)進行3D旋轉(zhuǎn)動畫。下面跟著小編一起來看下吧2017-01-01jQuery Validate格式驗證功能實例代碼(包括重名驗證)
本文通過實例代碼給大家介紹了jQuery Validate格式驗證功能,代碼中包括重名驗證的方法,需要的的朋友參考下吧2017-07-07圣誕節(jié)Merry Christmas給博客添加浪漫的下雪效果基于jquery實現(xiàn)
一年一度的圣誕節(jié)又到了,首先祝大家好運一串串,健康一年年,平安到永遠!今天就教大家如何在博客中添加紛紛揚揚的下雪效果。今天,你那里下雪了嗎2012-12-12為jquery.ui.dialog 增加“在當(dāng)前鼠標(biāo)位置打開”的功能
在使用jquery.ui.dialog的過程中,發(fā)現(xiàn)position參數(shù)有些問題,無法通過position: [PosX, PosY]動態(tài)傳遞位置參數(shù)。下面是官方demo 代碼2009-11-11