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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
js点击选择文本的方法
Feb 09 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
Oct 20 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 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
PHP新手上路(三)
2006/10/09 PHP
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
由php if 想到的些问题
2008/03/22 PHP
PHP中strtotime函数使用方法详解
2011/11/27 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
PHP实现的一致性哈希算法完整实例
2015/11/14 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
Javascript学习笔记 delete运算符
2011/09/13 Javascript
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
基于element-ui封装表单金额输入框的方法示例
2021/01/06 Javascript
python使用cookielib库示例分享
2014/03/03 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
浅谈Python traceback的优雅处理
2018/08/31 Python
Python 200行代码实现一个滑动验证码过程详解
2019/07/11 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
在pycharm中显示python画的图方法
2019/08/31 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
美国购买当代和现代家具网站:MODTEMPO
2018/07/20 全球购物
实体的生命周期
2013/08/31 面试题
医科大学生的自我评价
2013/12/04 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
玄武湖导游词
2015/02/05 职场文书
新郎结婚感言
2015/07/31 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书