程序博客网 > 高斯键盘知乎

Easui中datagrid实现动态控制columns

来源：互联网发布：高斯键盘知乎编辑：程序博客网时间：2024/04/30 15:22

场景如下：

struts2+easyui实现动态表单，字段取自不同的表，datagrid显示的列名要根据不表的显示不同的字段。总之就是要控制datagrid中的columns属性。columns属性是一个数组。要控制这个属性就是要改变这个数组的内容。

从后台到前台原理如下：

1. 一个菜单链接进入动态表单之前要先进入一个action，通过这个action取得要显示的表单的字段信息--一个装有字段信息的List，把这个list在action中放在request中的attribute中；

2.在页面中通过request得到这个装有字段信息的List集合，通过遍历这个集合组装columns数组；

3.把这个数组放入到datagrid中即可。

代码如下：

JSP中：

<%

List fields = request.getAttribut("fieldList");

%>

<script>

var fields = '<%=fields%>'; //注：这个地方的引号要用单引号，我用了双引号就报错，不知道为什么？

var cols = [];

for(var i=0;i<fields.length;i++){

var field = fields[i];

cols.push({filed:field.name,title:field.text,width:80});

}

$('#tt').datagrid({
columns:[cols]
});

</script>

<html>

<table id="tt" title="Frozen Columns" class="easyui-datagrid" style="width:550px;height:250px"
url="data/datagrid_data.json"
singleSelect="true" iconCls="icon-save">
</table>

</html>

高斯键盘知乎

高斯键盘知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子兔毛皮草皱了怎么办貂皮帽子压出皱怎么办毛领变形了怎么办毛领子压走了,怎么办皮草压变形了怎么办跑商碎银不够怎么办荻花宫柱子开错怎么办地暖声音很大怎么办机械硬盘声音大怎么办电源风扇声音大怎么办 cpu风扇声音大怎么办抱养的怎么办出生证明我想和老婆离婚怎么办锁链战记112怎么办淘宝店铺被监控怎么办新生儿脑室增宽怎么办公共自行车丢了怎么办居住证换地方了怎么办恶人谷声望敌视怎么办电脑里文件太多怎么办电脑工具栏没了怎么办 u盘文件夹打不开怎么办 u盘ppt打不开怎么办 u盘表格打不开怎么办 u盘内容打不开怎么办 u盘东西不见了怎么办电脑文件夹没了怎么办洗衣机发票丢了怎么办电脑的图标混乱怎么办手机没有文件管理怎么办电脑黑屏了怎么办啊 pe修复引导失败怎么办苹果6还原卡住怎么办手机桌面消失了怎么办电脑图标变白了怎么办 mac键盘坏了怎么办 ie11网页未响应怎么办 win10网页未响应怎么办网页游戏未响应怎么办 ie浏览器未响应怎么办 mac散热器声音大怎么办