快捷導(dǎo)航

jQuery EasyUI中DataGird動態(tài)生成列的方法

更新時間：2016年04月05日 14:03:55 投稿：mrr

EasyUI中使用DataGird顯示數(shù)據(jù)列表中，有時需要根據(jù)需要顯示不同的列，例如，在權(quán)限管理中，不同的用戶登錄后只能查看自己權(quán)限范圍內(nèi)的列表字段，這就需要DataGird動態(tài)組合列，下面介紹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ù)，進(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) {
　　　　　　　　　　　　//異步獲取要動態(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)生成列的方法，希望對大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

基于jQuery實現(xiàn)一個marquee無縫滾動的插件
這篇文章主要介紹了基于jQuery實現(xiàn)一個marquee無縫滾動的插件,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03
jquery 禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件
本篇文章主要介紹了jquery禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
jQuery中:header選擇器用法實例
這篇文章主要介紹了jQuery中:header選擇器用法,以實例形式分析了:header選擇器的功能、定義及匹配標(biāo)題元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2014-12-12
JQuery在頁面中添加和除移DOM示例代碼
本文為大家介紹下使用JQuery實現(xiàn)在頁面中添加和除移DOM主要使用了以下幾個方法，感興趣的朋友可以了解下哈，希望對大家有所幫助
2013-06-06
jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)
這篇文章主要介紹了jQuery通過ajax請求php遍歷json數(shù)組到table中代碼(推薦)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
jquery實現(xiàn)回車鍵觸發(fā)事件(實例講解)
下面小編就為大家分享一篇jquery實現(xiàn)回車鍵觸發(fā)事件的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-11-11
關(guān)于jQuery對象數(shù)據(jù)緩存Cache原理以及jQuery.data詳解
網(wǎng)上有很多教你怎么使用jQuery.data(..)來實現(xiàn)數(shù)據(jù)緩存，但有兩個用戶經(jīng)常使用的data([key],[value])和jQuery.data(element,[key],[value])幾乎沒有什么文章說清楚它們兩的區(qū)別，所以我用到了，研究下分享給大家。
2013-04-04
最新28個很棒的jQuery 教程
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇。今天的這篇文章收集了最新28個非常有用的 jQuery 教程分享給大家。
2011-05-05
淺析jQuery 3.0中的Data
jQuery 3.0 在6月9日正式發(fā)布了，3.0 也被稱為下一代的 jQuery。這篇文章主要介紹了jQuery 3.0中的Data,包括Data在jQuery內(nèi)部的使用和1.x.x 和 2.x.x 的比較的相關(guān)內(nèi)容，需要的朋友可以參考下
2016-06-06
jQuery控制輸入框只能輸入數(shù)值的小例子
jQuery控制輸入框只能輸入數(shù)值的小例子，需要的朋友可以參考一下
2013-03-03