Skip to content

表单模板 简单说明 #13

@weishuping

Description

@weishuping

举栗说明:员工入职

index.html

仍是固定写字段。

edit.html

主要两大部分,上面是按钮,下面是一个空的div,绑定id为entry-new-panel。这个在后来的初始化模板起作用

edit.js

相比以前来说,不用自己手动写初始化参照和联动。但仍要写按钮状态的控制,增删改浏览等业务。
设置模板的操作数据 templateModelnull,这个参数就是集成了很多模板的方法。然后在初始化UI模板方法里面,加载模板,并且赋给这个templateModel变量。
在渲染模板的时候有四个参数,栗子:

templetUtils.initTemplateComponent('entry-new-panel', app.param.type, 'HR020002', '/hrcloud/pages/staff/entry-new/uitemplate/controller.js', true);
//第一个参数就是HTML里面对应写的那个div的id,第二个参数类型,第三个参数是和后台约定好的对应的类似于应用编码,第四个参数是调用controller.js
controller.js

有一个页面初始化方法:uitemplateCtr.afterInit 需要创建空行。
由于表单有普通的新增、编辑、浏览和 审批流程的浏览,所以用flag区分。如果存在falg,则是普通的,无flag则走审批流程。
初始化参数
关于联动,写到relation文件包里面

index.js

先加载按钮,根据不同的按钮加载变动类型,再根据这个变动类型加载模板。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions