列表页面点击按钮,弹出对话框,并实现相应逻辑场景。

【业务场景】:在单据列表界面,新增按钮【获取销量利润数据】,点击按钮后,弹出调用接口参数界面。选择好参数后,点击“确定”,实现数据校验和接口数据同步。
【效果图】:



【实现方案】:
在按钮方法中,增加弹框方法:
/**
* 描述:获取销量利润action
*/
getBISalesDataAction: function() {
var _self=this;
createSalesParamsDialog(_self, 0, '');
},
/**
* 弹出参数对话框
*
*/
function createSalesParamsDialog(that, type, ruleId) {
var dialogHtml = '<div id="creatParamsDialog" class="rules_content" style="height:224px!important">'
+'<div><span class="span_name">选择省份</span><form id="orgIdForm" action="orgIdForm"> <input type="text" id="orgId" name="orgId" class="bg_lightblue" style="float:left" readonly="readonly"><input id="orgIdHiddenText" type="text" style="display:none" /></form></span>'
+'<span class="span_name">期间</span><span class="msgwrap"><input type="text" disabled="true" id="yearMonth" class="required" disabled="disabled" /></span></div>'
+'</div>'
$(document.body).append(dialogHtml);
// 省份F7
var orgId_f7_json = {id: "orgId", name: "orgId"};
orgId_f7_json.subWidgetName = 'shrPromptGrid';
var filter = "isSealUp ='0' and unitLayerType.name ='一级公司'";
orgId_f7_json.subWidgetOptions = {
title: "选择省份",
uipk: "com.kingdee.eas.basedata.org.app.AdminOrgUnitEx.F7",
query: "",
filter: filter
};
$('#orgId').shrPromptBox(orgId_f7_json);
$('#orgIdForm').shrForm({id: "orgIdForm"});//包裹一个form, 为了提供validate功能
$('#orgId').shrPromptBox('addRules', {required: true});
$('.ui-promptBox-icon').addClass('required');
//期间控件处理
$('#yearMonth').shrDatePicker().val(new Date().format('yyyy-MM'));
$('#yearMonth').removeAttr("disabled");
$('#yearMonth').attr('readonly', 'true');
$('.ui-datepicker-frame .ui-datepicker-layout').addClass('required');
$('#yearMonth').change('onChange',
function(e){
var newDate = $('#yearMonth').shrDatePicker('getValue');
newDate= newDate.substr(0,7);
$('#yearMonth').shrDatePicker('setValue',newDate);
});
var title = '获取员工销量利润';
$("#creatParamsDialog").show();
列表页面点击按钮,弹出对话框,并实现相应逻辑场景。
【业务场景】:在单据列表界面,新增按钮【获取销量利润数据】,点击按钮后,弹出调用接口参数界面。选择好参数后,点击“确定”,实现数据...
点击下载文档文档为doc格式
声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
上一篇
已经是第一篇
下一篇



