NW开发教程系列二：单表头页面
单表头页面是对一个单独的表进行增删改查的页面。如下图所示：
从本教程开始，不再对前面重复的步骤进行说明了。
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
