TreeviewCopyright © aleen42 all right reserved, powered by aleen42
销售订单模态框
- 上传的代码仅仅是一个module,需要将其引入自己的后端脚手架运行
- 代码链接
- 密码:hjcd
一、实体
操作 | 描述 | |||||
---|---|---|---|---|---|---|
名称 | 销售订单主表 | |||||
编码 | sales_order_main | |||||
表名 | sales_order_main | |||||
父实体 | ||||||
引用接口 | ||||||
属性 | 编码 | 名称 | 类型 | 引用 | ||
code | 单据编号 | 文本 | ||||
vouchdate | 单据日期 | 文本 | ||||
salesOrgId_name | 销售组织 | 文本 | ||||
transactionTypeId_name | 交易类型 | 文本 | ||||
agentId_name | 客户 | 文本 | ||||
settlementOrgId_name | 开票组织 | 文本 | ||||
oriSum | 含税金额 | 文本 |
二、页面建模
2.1、新建单表-销售订单弹框
2.2、销售订单弹框页面设计器调整
页面模板增加属性"templateType": "modal",并设置模态框显示宽度(如果不知道怎么操作请查看模态框章节) 删除工具栏 新增底部栏-》按钮栏-》增加两个按钮-》更改按钮标题名称为取消显示 调整查询区控件,只剩编码即可 最终效果如下图
2.3、query动作增加规则链,更改返回结果集
点击命令管理
切换动作页签,选择query,点击编辑
后端脚手架代码增加规则
- 上传的代码仅仅是一个module,需要将其引入自己的后端脚手架运行
- 代码链接
- 密码:hjcd
2.4、取消按钮增加事件
function (event) {
var viewModel = this;
//关闭模态框
viewModel.communication({type:'modal',payload:{data:false}});
}
2.5、确定按钮增加事件
调用后端controller
function (event) {
var viewModel = this;
//调用后台接口
var proxy = cb.rest.DynamicProxy.create({
settle: {
url: 'gifts/save',
method: 'POST'
}
});
//传参
var gridModel = viewModel.getGridModel();
var rows = gridModel.getSelectedRows();
if(rows.length>0){
for(let i in rows){
rows[i]._status = "Insert";
rows[i].salecode = rows[i].code;
rows[i].saleorderid = rows[i].id;
}
}
var reqParams = {
'billnum':viewModel.getParams().billNo,
'data':rows[0]
}
proxy.settle(reqParams, function(err, res) {
if (err) {
cb.utils.alert(err.message);
return;
}else{
var parentViewModel = viewModel.getCache('parentViewModel');
parentViewModel.execute("refresh");
viewModel.communication({type:'modal',payload:{data:false}});
}
});
}
后端脚手架编写
2.6、增加初始化事件
取消复选框
function (event) {
var viewModel = this;
var gridModel = viewModel.getGridModel();
//设置取消复现框
gridModel.setState("showCheckBox",false);
}