EasyUI DataGird动态生成列
类别:Web前端 浏览量:1382
时间:2016-4-2 EasyUI 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>
标签:EasyUI
您可能感兴趣
- easyui layout 折叠后显示标题
- EasyUI DataGird动态生成列
- easyui datebox的用法
- easyui combobox级联
- EasyUI DateBox设置默认值
- easyui中使用编辑器在IE下有时无法获取焦点
- easyui combogrid分页
- easyui messager的用法
- easyUI DataGrid 显示可排序的列
- easyui layout 自适应
- 小米Watch S1评测 或许能成为小米冲击高端可穿戴设备的里程碑(小米WatchS1评测或许能成为小米冲击高端可穿戴设备的里程碑)
- 手机QQ与小米路由器在一起 明天揭晓,敬请期待(手机QQ与小米路由器在一起)
- 小米音乐与 QQ 音乐合作,便捷迁移会员(小米音乐与QQ音乐合作)
- 小米推出米兔儿童电话手表奥特曼版,799 元,支持微信 QQ(小米推出米兔儿童电话手表奥特曼版)
- 贾怀胤唱《白龙马》 炸场 了 没想到京剧还能这么玩(贾怀胤唱白龙马)
- 白龙马的改编学生版,快来看看(白龙马的改编学生版)
热门推荐
- zabbix如何验证监控(Zabbix 动态执行监控采集脚本的实现原理)
- tftp服务器怎么设置(TFTP服务器是什么意思?)
- CSS样式优化
- python语言的读取图像(详解python读取image)
- mysql快速备份数据(如何使用Maxwell实时同步mysql数据)
- 服务器怎么创建网站(网站如何选择服务器空间?)
- phpstudy怎么配置php环境(使用phpStudy搭建php环境及安装各种php程序实战教程)
- python字符串找一个最大字符(Python查找最长不包含重复字符的子字符串算法示例)
- vue组件之间的通信(超详细的vue组件间通信总结)
- js如何解决iphone异形屏适配(Html5适配iphoneX刘海屏的简单实现)