Ntaub表单开发入门系列 (一)

时间 2019-11-06

标签 ntaub 表单开发入门系列栏目 HTML 繁體版

原文原文链接

此系列文章经过虚构场景介绍Ntaub表格开发流程。示例假设某公司人力部门要制定招聘计划，要求各部门按月提交招聘需求，招聘需求需经人力总监和公司总经理审批。数据库

软件能够从http://www.ntaub.com/download下载。数组

最终会完成的表格样式以下图。app

1. 在目录中新建名为“招聘计划”的子目录，以后新建项放在此目录中。编辑器

2. 新建名为“招聘计划表”的表格，在新建后系统会自动打开表格编辑器，或是在目录中表格右键菜单里选编辑打开编辑器。在表格编辑器中，可看到表格默认含有一主键字段、一筛选器和一数据源。工具

3. 选中数据源，在右侧属性界面中，为表格指定一数据源。再将数据表改成recruit_plan，表格数据将保存到此名称的MongoDB集合（Collection）中。性能

4. 选中主键字段，将字段标题改成申请ID。测试

5. 选中字段节点，使用右键菜单或工具栏的新建按键，逐个建立下列字段，此步骤暂只设置字段名称、标题和值类型，其余属性保留默认。字段能够经过右键菜单或工具栏按键删除、复制，拖动字段可调整顺序。ui


名称	标题	值类型
applier_id	申请人帐号	文本
applier_name	申请人	文本
recruit_year	招聘年份	数字
recruit_month	招聘月份	数字
reason	申请理由	文本
detail	明细	数组
total_head_count	招聘人数	数字
submit_time	提交时间	日期
submit_status	提交状态	文本
create_time	建立时间	日期

6. 建立字段后可点击工具栏的保存按键保存，点击测试按键可在标签栏中打开表格测试环境，能够尝试新建、修改、删除记录。在开发过程当中可随时打开测试环境查看效果，测试环境使用测试数据库，不会对最终发布版本的生产数据库形成影响。spa

7. 回到表格编辑界面，将数据源的建立时间设为字段create_time，建立人ID设为字段applier_id，建立人姓名设为字段applier_name。3d

系统在保存新记录时会自动对这3个字段赋值，比使用字段的计算脚本更方便。

修改字段create_time属性，勾选含时间选项框，将格式改成yyyy-MM-dd HH:mm:ss，建立时间字段将显示时分秒信息。并将默认宽度设为150。

另外，因只需给用户看到申请人姓名，须要隐藏申请人帐号，将applier_id的生成列属性设为否。

8. 假设要求招聘年月输入改成下拉列表模式，且限制用户只能选择将来的6个月。先把recruit_year字段控件改成列表，在列表值中添加201八、201九、2020三个年份。

2018年的列表值条件中输入下面脚本以限制显示6个月内的年份。相似输入其余年份条件，替换脚本中黄色标示值便可。

var now = new Date();

var ym = now.getFullYear() * 100 + now.getMonth(); // js月份从0至11

return ym > 201705 && ym < 201811;

再把recruit_month字段控件设为列表，加入12个月列表值。

一月份列表值条件中输入下面脚本以限制显示6个月内的月份。相似输入其余月份条件，替换脚本中黄色标示值便可。

if($row().getField("recruit_year").isNull()) {

return false;

} else {

var now = new Date();

var y = now.getFullYear();

var m = now.getMonth(); // js月份从0至11

var tmp = m - 5;

var lM = (tmp == 6 ? (y + 1) * 100 : y * 100 + m + 1);

var hM = (tmp > 0 ? (y + 1) * 100 + tmp - 1 : y * 100 + m + 6);

var am = $row().getField("recruit_year").getValue() * 100 + 0; // 1月: 0; 2月: 1; ...

return am >= lM && am <= hM;

}

为了在新建记录时自动填入默认值，在recruit_year字段初始值属性中输入下面脚本。

var now = new Date();

var m = now.getMonth(); // js月份从0至11

if(m == 11) {

return now.getFullYear() + 1;

} else {

return now.getFullYear();

}

在recruit_month字段初始值属性中加入下面脚本。

var now = new Date();

var m = now.getMonth(); // js月份从0至11

if(m == 11) {

return 1;

} else {

return m + 2;

}

9. 将reason字段的控件类型改成多行文本框。所以字段输入长文本，出于性能考虑，禁止此字段的排序和筛选操做，将排序和筛选属性设为否。

To be continue...