单表头页面是对一个单独的表进行增删改查的页面。如下图所示:
从本教程开始,不再对前面重复的步骤进行说明了。
7、创建Service类
/** * 产品,单表头 * * @author xuqc * @date 2013-10-17 下午02:32:53 */ @Service public class T204Service extends AbsToftServiceImpl { private AggregatedValueObject billInfo; public AggregatedValueObject getBillInfo() { if(billInfo == null) { billInfo = new HYBillVO(); VOTableVO vo = new VOTableVO(); vo.setAttributeValue(VOTableVO.BILLVO, HYBillVO.class.getName()); vo.setAttributeValue(VOTableVO.HEADITEMVO, ProductVO.class.getName()); vo.setAttributeValue(VOTableVO.PKFIELD, ProductVO.PK_PRODUCT); billInfo.setParentVO(vo); } return billInfo; } }
8、创建Controller类
/** * 单表头 * * @author xuqc * @date 2013-10-17 下午02:55:09 */ @Controller @RequestMapping(value = "/busi/scene/t204") public class T204Controller extends AbsToftController { @Autowired private T204Service t204Service; @Override public T204Service getService() { return t204Service; } }
9、创建jsp文件,根据功能节点上面的配置,jsp文件应该是位于/busi/scene/t204.jsp,这个文件内容如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <html> <head> <%@ include file="/common/header.jsp"%> </head> <body> <nw:Bill templetVO="${templetVO}" headerGridImmediatelyLoad="true" bodyGridsPagination="false" headerGridCheckboxSelectionModel="true" headerGridSingleSelect="false"/> </body> <script type="text/javascript"> //档案类型单表头的界面 MyToolbar = Ext.extend(uft.jf.ToftToolbar, { constructor : function (config){ Ext.apply(this, config); MyToolbar.superclass.constructor.call(this); this.btn_del.setText('作废');//修改按钮名称 }, //返回界面所需要的按钮 getBtnArray : function(){ var btns = new Array(); btns.push(this.btn_query); btns.push(this.btn_add); btns.push(this.btn_edit); btns.push(this.btn_save); btns.push(this.btn_can); btns.push(this.btn_del); btns.push(this.btn_ref); btns.push(this.btn_list); btns.push(this.btn_card); btns.push(this.btn_filemanage); btns.push(this.btn_print); btns.push(this.btn_export); btns.push(new uft.extend.Button({ text : '自定义按钮', scope : this, handler : function(){ alert(1); } })); return btns; } }); ${moduleName}.appUiConfig.toolbar = new MyToolbar(); var app = new uft.jf.ToftPanel(${moduleName}.appUiConfig); </script> <%@ include file="/common/footer.jsp"%> </html>
这样一个基本的包含增删改查的页面就开发完成了,以后会逐渐增加各种高级的功能。
具体的示例可以参考:http://xuqc.fangwei.name:9080/demo-webapp administrator/143305