表单模型

主表表单JavaScript

• formOnload() --加载后事件
• formSave() --表单保存前事件
• auditMenuChange() --审核菜单改变事件
• 保存后自动刷新表单
• 表单支持@公式

formOnload()

加载后事件

示例代码

function formOnload(){
     console.log('加载后事件');
}

formSave()

表单保存前事件

示例代码

/*
参数isTransact为true，表示办理按钮触发的保存动作
其他情况是保存按钮触发的保存动作
*/
function formSave(isTransact){
   if(isTransact==true){
        alert("办理");
   }else{
           alert("保存");
   }
    return true; //return false 可阻止保存和办理动作
}

auditMenuChange(commentObj)

审核菜单改变事件

示例代码

function auditMenuChange(commentObj){
    // commentObj是所选择的菜单的jQuery对象
    // 或者使用如下代码：
    alert($("input[name='commentOption']:checked").val());//当前选中的审核菜单名称
}

保存成功后自动刷新表单

一些特殊场景需要保存表单后自动刷新表单，这时只需在表单form中定义特定变量即可

示例代码

<script type="text/javascript">

var isRefreshPage =  true;  //点击主表单保存和子表单保存按钮均会刷新主表单
var isAfterSaveRefreshPage =  true;  //只有点击主表单保存按钮的时候才刷新主表单页面

</script>

表单支持@公式

HTML表单在运行时可自动解析AWS @公式

示例代码

//当com.finpaas.apps.expense应用中参数isBXSupportRForm为true时，显示当前tr行，否则不显示
<tr style="display: @if(@getProperty(isBXSupportRForm,com.finpaas.apps.expense), ,none);">
    <td class="awsui-ux-title"><label id="RBILLSLabel" class="aws-form-ux-label" for="RBILLS">关联审批单</label></td>
    <td class="aws-form-ux-content colspan_3" colspan="3">[#RBILLS]</td>
</tr>

延伸阅读

• AWS UI组件相关的API
• 表单引擎相关的方法
• AWS UI组件参考指南