jeesite 说明文档-5.硕正web组件的应用

《jeesite 说明文档-5.硕正web组件的应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第5章硕正WEB组件的应用作者：ThinkGem更新日期：2014-01-031.简介硕正描述格式采用XML，数据格式采用JSON。原因如下：描述采用XML可表现比较复杂的结构，易于官方文档查找好对应；数据采用JSON格式原因有三点，一是JSON官方有很好的支持；二是JSON格式比较简单并解析速度快，三是JSON相比XML要小，节省流量。后台采用注解方式配置，自动返回描述XML字符串和数据JSON字符串。l描述文件XML注解配置请参考本文第2章；l数据格式JSON注解配置请参考Jackson注解，官方网站2.树列表注解实例代码见TestController.java，testList.j

2、sp文件，演示页面如下：1.1.调用实例@SupTreeList(properties=@SupProperties(headerFontIndex="2",curSelBgColor="#ccddcc",displayMask="backColor=if(name='管理员','#ff0000',transparent)",expresses={@SupExpress(text="total=round(price*num,2)"),@SupExpress(text="price=round(total/num,4)")}),fonts={@SupFont(faceName="宋体",

3、weight="400"),@SupFont(faceName="楷体",weight="700",height="-12"),@SupFont(faceName="楷体",weight="400",height="-12")},groups={@SupGroup(id="date",name="日期",headerFontIndex="1",sort=50),@SupGroup(id="date2",name="日期2",headerFontIndex="2",sort=60,parentId="date"),@SupGroup(id="date3",name="日期3",header

4、FontIndex="2",sort=70,parentId="date")})实体配置，参考类：Test.java1.2.@SupTreeList硕正总体注解硕正主要注解，只可以定义到类之上。1.3.@SupProperties硕正属性设置注解。1.4.@SupFont硕正字体设置注解。1.1.@SupCol、@SupGroup硕正表头列及列表头组设置注解。2.JS封装库supcan.js2.1.调用实例<%@includefile="/WEB-INF/views/include/supcan.jsp"%>$(document

5、).ready(function(){su=supcan(AF,"Test",{ready:function(){//加载数据page();},event:function(Event,p1,p2,p3,p4){if(Event=='DblClicked'){edit();}}});});解释：AF为：硕正实例化后的对象。