如何用easyui+JAVA 实现动态拼凑datagrid表格

Python017

如何用easyui+JAVA 实现动态拼凑datagrid表格,第1张

首先datagrid表格式智能显示的只要你的json字符串符合特定格式就可以正确显示。所以你需要做的就是在后台拼接好字符串发送到前台就行了,datagrid会自动显示。

json字符格式:注意格式一定要正确。

{"total":28,"rows":[

{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},

{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},

]}

上面是后台拼接好的字符串,可以使用fastjson-1.1.28.jar架包;架包只能将类或list或map转为json字符串,而我们要的数据中多了两个字段:total和rows,所以还要建立一个封装类。类中定义两个变量:total和rows,rows是一个我们的数据集合,将这个类转换成json字符串发送到前台就可以了。

如果前台要特定格式或样式显示可以使用datagrid的属性来设置:

$('#dg').datagrid({

url:'datagrid_data.json',

columns:[[

{field:'code',title:'Code',width:100},

{field:'name',title:'Name',width:100},

{field:'price',title:'Price',width:100,

formatter: function(value,row,index){

if (row.user){

return row.user.name

} else {

return value

}

}

}

]]

})

这样基本上就可以实现我们所需要的了。

java开发前台通常指的是开发界面,用到的技术:html5,jsp,js ,css,jquery,easyui等。java后台开发就是普通意义上的java代码开发。学java开发推荐千锋教育。千锋智能AI技术实时监课和回顾,对授课行为数据进行挖掘与分析,生成数据分析报表,为授课评价与管理决策提供大数据分析依据。

java的学习方法:

1、面向对象的知识:java是一种面向对象的开发语言,因此熟悉面向对象对学习java很有必要,你需要了解:什么是对象,什么是类,什么是封装,什么是多态,什么是继承,什么是抽象类,什么是接口。理解以上概念后,还需要知道这些概念是如何体现的,如类和对象有什么区别;类是如何封装的。

2、java语法:如果已经有了开发经验,那么学习java语法将比较容易。如果有C++等面向对象语言的开发经验,那就只需简单的翻看一下介绍java的相关书籍就可以了。如果是新手,没有关系,多下些工夫,好好研究一本java初级教程之类的书就可以。

想要了解更多java开发的相关信息,推荐咨询千锋教育。千锋励精图治,不改教育初心。十一年来,千锋以政策为引导,不断完善国内特色现代职业教育体系建设,充分发挥教研师资队伍使命,构建品质教育,加大创新型人才培养力度,为经济发展提供智力人才和智力支撑,成为新时期职业教育发展的新方向,在同行业中有很高的美誉度。