反饋已提交
網絡繁忙
用户在移动端填报时,希望通过「点击按钮」在当前页打开对话框进行填报。填报完成后,通过「提交按钮」可直接关闭对话框。如下图所示:
用户可通过 JavaScript 实现通过按钮控件开关对话框,具体设置如下:
注1:仅支持决策报表下的按钮控件,不支持普通报表。
注2:弹窗内容仅支持模板,不支持纯文本。
1)关闭对话框弹窗
FR.closeMobilePopup(); //关闭弹窗
2)打开对话框弹窗
FR.mobilePopup{ target: 'template', //跟随弹窗 parameters: {} setting: { templatePath: '/xxx.cpt',//设置对话框子模板路径 xxx:xxx xxx:xxx //设置边框,长宽等规则 }}
打开模板:FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\form\决策报表填报-phone.frm
另存为:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\JS通过按钮控件开关对话框子模板.frm
选中按钮控件button0,点击组件设置>事件,添加点击事件,添加 JavaScript 代码,如下图所示:
JavaScript 代码如下:
新建决策报表,另存为:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\JS通过按钮控件开关对话框主模板.frm
1)设置移动端属性
点击模板>移动端属性,勾选设置为手机端模板,如下图所示:
2)设置布局方式
选中组件设置>body>属性,设置布局方式为绝对布局,如下图所示:
1)添加按钮控件
选中按钮控件,拖拽至body界面,如下图所示:
2)设置控件名称
选中按钮控件button0,点击组件设置>属性,设置按钮名称为点击打开子报表弹窗,如下图所示:
FR.mobilePopup({ target: "template",//设置跟随弹窗 parameters: {}, setting: { templatePath: "/doc/phone/JS/JS通过按钮控件开关对话框子模板.frm",//设置子模板地址 border: { type: 0, color: "rgb(0,0,0)", borderRadius: 4.0 }, background: { color: "rgb(255,255,255)" }, mobileRegular: { type: "custom" || "auto_height", heightPercent: 95.0, widthPercent: 95.0 }, padRegular: { type: "custom" || "auto_height", heightPercent: 95.0, widthPercent: 95.0 }//设置弹窗大小格式 }});
打开主模板,点击移动端预览。点击按钮,在当前页打开子模板对话框。填报结束,点击填报成功按钮,子模板自动关闭。
App 及 HTML5 端预览效果如下图所示:
1)主模板
已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\JS通过按钮控件开关对话框主模板.frm
点击下载模板:JS通过按钮控件开关对话框主模板.frm
2)子模板
已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\JS通过按钮控件开关对话框子模板.frm
点击下载模板:JS通过按钮控件开关对话框子模板.frm
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉