miracle专题手册补充.doc

《miracle专题手册补充.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、miracle专题手册补充————————————————————————————————作者：————————————————————————————————日期：Grid组件这个组件是经过精细优化，在速度上具有很大的优势，加载5000行数据只需要3秒，加载10000行数据只需要10秒。对比ExtJsGrid，后者虽然界面漂亮，但是下载体积和性能是其软肋。1、功能介绍Grid组件提供的功能有：1）点击标题排序2）定制列宽、是否显示3）支持序号列4）提供复选列5）鼠标调整列宽6）支持自定义行、列渲染器2、grid生成原理如下图所示，新创建的具体业务的list页面和list

2、.js文件中是没有grid相关的代码的，但是启动tomcat之后可以在list页面查询得到该实体的数据展示列表，因此grid的实现不是在具体业务的list页面中完成的。List.jsp页面<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="/framework/include/taglibs.jsp"%>

3、module/netline/struts/NetLineListContent.jsp"/>ListContent.jsp页面<%@pagecontentType="text/html;charset=UTF-8"%><%@includefile="/framework/include/taglibs.jsp"%><%@includefile="/framework/include/manager.jsp"%><%--businesslogic--%>

4、ruts/NetLineList.js">miracle框架中list、edit、query页面相关的jsp和js模板文件都存放在目录WebContentframeworklayouttilescrudsingle中，这些模板文件包含了一些通用组件和js脚本，所有新建具体业务的页面都通过tiles引入了对应的模板文件，因此开发者只需要在这些模板的基础上扩展自己需要的功能。Miracle中所有grid相关的代码和grid相关的样式都被封装在frameworkscriptwebfxcolumnlistincludes下的columnlis

5、t.js和columnlist.css文件中。grid组件的实现被封装在list.js文件中；实现过程如下：首先声明一个grid变量vargrid=newWebFXColumnList()，然后通过doInitGrid方法初始化该grid，接着是通过doRenderGrid方法对grid的渲染等工作（grid相关的js方法可以查看list.js文件）。开发者可以通过grid变量对list页面的grid组件进行相关操作。1、grid页面代码分析

6、umnlist.css"rel="stylesheet"/>该部分用来引入columnlist相关的脚本和样式，只有引入了这两个文件grid才能正常的实现并显示。varentityClass="com.jtv.fldpdss.module.netdepot.entity.NetDepot";vargridColumnName=["id","名称","x坐标","y坐标","整备能力","能否调头",

7、"是否本务段","所属机务段","所在站","用途"];vargridColumnId=["id","name","xpos","ypos","capacity","canturnover","isbasicdepot","depotgroupId","stationId2","use"];vargridColumnAlias=["id","name","xpos","ypos","capacity","canturnover","isbasicdepot","depotgroupId","stationId2","use"]