首页 > 其他 > 详细

NW开发教程系列二:单表头页面

时间:2014-03-17 19:40:04      阅读:551      评论:0      收藏:0      [点我收藏+]

   单表头页面是对一个单独的表进行增删改查的页面。如下图所示:

bubuko.com,布布扣

bubuko.com,布布扣

从本教程开始,不再对前面重复的步骤进行说明了。

7、创建Service类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/**
 * 产品,单表头
 *
 * @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类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/**
 * 单表头
 *
 * @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,这个文件内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!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

NW开发教程系列二:单表头页面,布布扣,bubuko.com

NW开发教程系列二:单表头页面

原文:http://www.cnblogs.com/aimer311/p/3605385.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!