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 combogrid分页
- EasyUI DataGird动态生成列
- easyui datebox的用法
- easyui combobox级联
- easyui layout 折叠后显示标题
- EasyUI DateBox设置默认值
- easyui中使用编辑器在IE下有时无法获取焦点
- easyui messager的用法
- easyUI DataGrid 显示可排序的列
- 朱鹤松被不断认可,凤凰传奇玲花喊话岳云鹏,索要老朱演出门票(朱鹤松被不断认可)
- 元宵晚会槽点多,芒果台上来就假唱,岳云鹏不说相声改评书了(元宵晚会槽点多)
- 岳云鹏跟凤凰传奇谈心,说出了人生中最重要的三个人,这才成功(岳云鹏跟凤凰传奇谈心)
- 爱情可以当饭吃吗(爱情能当饭吃吗)
- Top 3 JSHS《运动与健康科学 英文 》跻身SCI体育学期刊世界前三(Top3JSHS运动与健康科学)
- 体坛传媒LOGO全新升级,多元发展迈出坚实步伐(体坛传媒LOGO全新升级)
热门推荐
- mysql最佳配置(详解DBeaver连接MySQL8以上版本以及解决可能遇到的问题)
- python怎么查看函数的返回值(python在回调函数中获取返回值的方法)
- C#获取上个月第一天和最后一天
- 推荐算法第三方python(GitHub 热门:Python 算法大全,Star 超过 2 万)
- SqlServer数据库中文乱码问题解决方法(SqlServer数据库中文乱码问题解决方法)
- docker默认网络模式(Docker 网络模式及配置方式)
- vue路由跳转自动定位在哪里(Vue路由this.route.push跳转页面不刷新的解决方案)
- laravel关联模型字段冲突(浅谈laravel中的关联查询with的问题)
- php怎么设计状态模式(php设计模式之观察者模式定义与用法经典示例)
- python使用什么函数定义匿名函数(Python匿名函数及应用示例)