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 相关文章推荐
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
js实现可拖动DIV的方法
Dec 17 Javascript
JavaScript实现的石头剪刀布游戏源码分享
Aug 22 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
JavaScript插件化开发教程(五)
Feb 01 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 24 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
原生JavaScript创建不可变对象的方法简单示例
May 07 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数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
如何用PHP实现插入排序?
2013/04/10 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
python BeautifulSoup使用方法详解
2013/11/21 Python
Python中itertools模块用法详解
2014/09/25 Python
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
python覆盖写入,追加写入的实例
2019/06/26 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
合作协议书怎么写
2014/04/18 职场文书
2014年保育员工作总结
2014/12/02 职场文书
个人汇报材料范文
2014/12/30 职场文书
教师考核评语大全
2014/12/31 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
论文评审意见
2015/06/05 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
详解python字符串驻留技术
2021/05/21 Python
正确使用MySQL update语句
2021/05/26 MySQL