关于easyui datagrid中动态列表

最新推荐文章于 2023-01-06 17:24:34 发布

灵嗅

最新推荐文章于 2023-01-06 17:24:34 发布

阅读量1k

点赞数

分类专栏：开发笔记

本文链接：https://blog.csdn.net/yejin191258966/article/details/26020383

版权

开发笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

根据我们在数据库中查询的数据的字段决定显示多少列，这就是我现在所要表达的动态列。

columns:变量

这里的变量是一个对象，而不是字符串。

1、对象我们怎么要把对象中的属性名称获取到呢？
for(var key in 对象){
    console.info(key);----这个就是我们要的字段
    console.info(对象[key]);---这就是我们需要的值
}

2、在datagrid中的columns中需要的是一个对象作为列的单位。
var temparray = [];
for(var key in 对象){
    /*console.info(key);----这个就是我们要的字段
    console.info(对象[key]);---这就是我们需要的值
*/ 
    var tempo = {field:'code',title:'Code',width:100};
    tempo.field = key;
    tempo.title = key;
    temparray.push(temp);
}
console.info(temparray);
/*
[{field:'code',title:'Code',width:100},
{field:'code',title:'Code',width:100},
{field:'code',title:'Code',width:100}






]

*/



3、var data = $("#data").datagrid({

url : '/xxx/xxx/xx.do',

columns : [temparray]

.........

});



这样我们就可以根据我们需要的结果进行动态的字段的显示。



具体的还要自己去弄，方法很多。多动手试试。我也只是做个比较而已。

如果有错的地方可以提出来，交流交流