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 datebox的用法
- EasyUI DateBox设置默认值
- easyUI DataGrid 显示可排序的列
- easyui layout 折叠后显示标题
- easyui messager的用法
- easyui combobox级联
- easyui中使用编辑器在IE下有时无法获取焦点
- EasyUI DataGird动态生成列
- easyui combogrid分页
- 三杨 共辅四朝帝王,构建明帝国内阁行政圈(三杨共辅四朝帝王)
- 红色文化进国企(红色文化进国企)
- 车友的选择| 轮毂该如何选(车友的选择轮毂该如何选)
- 秦海璐炫耀和王新军热恋蜜事,不料对方吐槽她吃饱后肚子撅老高(秦海璐炫耀和王新军热恋蜜事)
- 秦海璐一袭旗袍惹人倾心,将高级与淡雅展现的游刃有余(秦海璐一袭旗袍惹人倾心)
- 门外之见 海蛎子味 的表演,能走多远(门外之见海蛎子味)
热门推荐
- mysql与oracle体系结构(详解MySQL实时同步到Oracle解决方案)
- 搭建好的ftp服务器在哪里(如何在自己的电脑上搭建FTP服务器?)
- C#中IDisposable
- xm文档使用教程(xmapp环境搭建注意事项说明)
- vue轮播图代码(vue实现无缝轮播效果跑马灯)
- linux系统各种执行命令(Linux调整命令历史方法详解)
- laravel5.1获取数据(laravel5表单唯一验证的实例代码)
- amazonawslinux服务器设置(如何在AWS EC2的Linux服务器上开放一个端口)
- 如何挑选云服务器(高质量的美国云服务器选择方法有哪些?)
- python编程中冒号的用法(浅谈python中get pass用法)