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