jQuery EasyUI中DataGird动态生成列的方法


Posted in Javascript onApril 05, 2016

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动态生成列的方法,希望对大家有所帮助!

Javascript 相关文章推荐
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
js实现canvas图片与img图片的相互转换的示例
Aug 31 Javascript
layui动态表头的实现代码
Aug 22 Javascript
小程序采集录音并上传到后台
Nov 22 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 #Javascript
JS简单编号生成器实现方法(附demo源码下载)
Apr 05 #Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 #Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 #Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 #Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 #Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 #Javascript
You might like
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
php json相关函数用法示例
2017/03/28 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
Javascript MD4
2006/12/20 Javascript
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
jQuery 中$(this).index与$.each的使用指南
2014/11/20 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
原生js更改css样式的两种方式
2017/03/15 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
python如何查看微信消息撤回
2018/11/27 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
购买一个高级域名:BuyDomains
2018/03/11 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
2014年会演讲稿范文
2014/01/06 职场文书
六十岁生日答谢词
2014/01/10 职场文书
总经理文秘岗位职责
2014/02/03 职场文书
3的组成教学反思
2014/04/30 职场文书
社区平安建设方案
2014/05/25 职场文书
不尊敬老师的检讨书
2014/12/21 职场文书
六一文艺汇演开幕词
2015/01/29 职场文书
党支部审查意见
2015/06/02 职场文书
暖春观后感
2015/06/08 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
创业计划书之寿司
2019/07/19 职场文书