JeecgBoot学习_Online表单初体验

JeecgBoot学习Online表单初体验

在这几个地方改起来

在页面属性里选择类型

再建一个商品表

为了使得选择有树形结构我们修改这两处

备注：
1、字典table 填写树控件对应的表名 { 例如：sys_category }
2、字典code填写树控件根节点的父ID的值，不填则为空
3、字典text填写4个表字段的名称，以逗号隔开，依次是：ID列,父ID列,显示列,是否有子节点列 { 例如：id,pid,name,has_child}

字段顺序解释说明：
a. ID列和PID列用于记录数据的父子关系，且ID列是该树控件最终保存到数据库的值
b. 显示列表示树控件展示的数据，
c. 是否有子节点列是树形表需要的特例列，详细看 online表单树形表单开发 ，该列为字符串类型系统默认1为是 0为否，不支持其他数据格式。

一对多表单配置

这时候是一张单表在建一张附表

取消勾选不用显示在页面上

在建一张订单客户表

操作基本一样

表单默认值和填值规则使用

在主表里添加控件默认值表达式
接着在系统编码规则里配置

org.jeecg.modules.online.cgform.rule.OrderNumberRule

对应的是

/*** 填值规则Demo：生成订单号* 【测试示例】*/
public class OrderNumberRule implements IFillRuleHandler {@Overridepublic Object execute(JSONObject params, JSONObject formData) {String prefix = "CN";//订单前缀默认为CN 如果规则参数不为空，则取自定义前缀if (params != null) {Object obj = params.get("prefix");if (obj != null) prefix = obj.toString();}SimpleDateFormat format = new SimpleDateFormat("yyyyMMddHHmmss");int random = RandomUtils.nextInt(90) + 10;String value = prefix + format.format(new Date()) + random;// 根据formData的值的不同，生成不同的订单号String name = formData.getString("name");if (!StringUtils.isEmpty(name)) {value += name;}return value;}}

online表单子表js增强写法

动态增强求和

根据规则写

onlChange(){return {ruz_date(){let value = event.value//alert('触发控件',value)//根据入职日期，自动计算出入职年数if(value!=null && value!=""){let currDate = new Date(value.replace(/-/g, "\/")); let d = new Date(); let ru_year_num = d.getFullYear()-currDate.getFullYear()    let values = {'ru_year_num':ru_year_num + 1}that.triggleChangeValues(values)}}}}

第五节JeecgBoot # Online表单自定义按钮与JS增强&Popup控件&Online报表

其他的用到再看文档就行

JeecgBoot学习_Online表单初体验相关推荐

angular2表单初体验
angular2表单初体验 1.创建movie模型. 最近对angular2比较感兴趣,跟着官网学习一段,练习了一个表单demo! src/app/movie.ts文件: export class M ...
jeecgboot配置文件_Online表单配置
[Online表单一对多表单配置](Online%E8%A1%A8%E5%8D%95%E9%85%8D%E7%BD%AE/Online%E8%A1%A8%E5%8D%95%E4%B8%80%E5%AF ...
PyTorch学习笔记：PyTorch初体验
PyTorch学习笔记:PyTorch初体验一.在Anaconda里安装PyTorch 1.进入虚拟环境mlcc 2.安装PyTorch 二.在PyTorch创建张量 1.启动mlcc环境下的Spy ...
Python学习笔记：pandas初体验
Python学习笔记:pandas初体验一.安装pandas模块 1.安装Python3.7 注意:必须勾选pip(python install package). 2.配置环境变量 3.下载 pa ...
【HTML】学习笔记——表单、框架
[HTML]学习笔记--表单.框架 HTML 表单表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入内容,比如:文本域(textarea).下拉列表.单选框(radio-buttons) ...
jeecg-boot ant组件表单的值的操作
jeecg-boot中ant表单的常用操作 jeecg-boot生成的页面使用v-decorator绑定数据,无法直接操作数据,可以用下面的方法来操作. 获取一个表单中的某值 this.form.ge ...
表单识别（四）-基于深度学习的表单识别)-OCR
(论文研读后,感觉有用的一些笔记,主要是给自己记录) 论文:熊雨点,基于深度学习的表单识别系统的研究与实现基于深度学习的表单识别前言: 文档检测方法: 基于扩张卷积残差网络的表单文档定位方法: 扩 ...
H5C3进阶学习——form表单
文章目录 H5 (HTML 5) 简介 H5新增标签语义化标签的兼容性处理 form表单新增的type属性新增的其他属性新增的元素新增的表单事件进度条 H5 (HTML 5) 简介所有的 ...
来一起学习一下vue3.0 初体验---comeon
vue3.0 初体验第一步创建项目第二步对vue项目进行升级接下来你就可以尽情的开发啊第一步创建项目你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页.如果你想学习如何使用Ma ...