.NET CORE开源工作流引擎 - 可视化流程设计器 - 工作流表单设计器 - .NET快速开发平台 - .NET三层代码生成器 - 通用权限管理

.NET MVC CORE开源工作流平台,可视化流程设计器
表单控件-下拉选择(Select)

image.png

宽度:控件显示宽度%或px。

背景文字:点位符,placeholder属性。

探索:是否可以输入搜索选项。

清空:是否有选项时显示清空按钮。

多选:是否可以多选。

选项来源:

        数据字典:选择一个数据字典作为下拉选项项。

        image.png

        image.png

    字符串:自定义字符串作为选项(字符串格式为:选项值1,选项标题1;选项值2,选项标题2;....)。

            image.png

            根据字符串加载的选项:

            image.png

    SQL:根据sql查询语句返回选项。

            image.png

    URL:这里填一个能够web访问的URL地址,表单加载时访问这个地址加载选项。

        image.png

        image.png

    如果下拉选项是其他某个控件change事件加载的,那么表单只读时也要调用一下对应控件的change事件才能加载选项:

    image.png

联动:联动是指当下拉选项值发生变化时根据当前选项值去加载另一个下拉选项的选项。

image.png

控件id:选择要去联动的下拉控件的id。

选项来源:加载下拉控件的数据来源。

        数据字典下级:根据当前控件选择的数据字典项去加载数据字典的下级项。

        SQL:根据SQL查询去加载下级选项。

                image.png

                sql中的{<value>}为获取当前下拉的值。

        URL:根据URL地址去加载下级选项。

               image.png

                    对应的URL方法为:

                    image.png

子表联动:

    image.png

    子表联动通过写控件change事件来实现。该方法同样适用于主表控件之间联动。

    image.png

    this.linkageAddChilds('','subtable_test__f2','dict','','',row['f1'],row);

    参数说明:

    第一个参数:'',不填。

    第二个参数:当前下拉控件id。

    第三个参数:加载下级选项的方式(dict-数据字典下级;sql-sql查询加载下级;url-通过url地址加载下级)

    第四个参数:如果加载下级选项方式为sql时填sql查询;如果为url则填url地址。

    第五个参数:如果加载下级选项方式为sql时填sql对应的连接id,如果为''则表示和系统一样的连接。

    第六个参数:当前下拉选项的值。

    第七个参数:row,当前行数据,固定写row即可。

    子表初始加载时第二个选项没有显示标题,所以要在表单事件中加载第二个字段的选项。

    image.png

    image.png

sql方式写法:

image.png

如果要根据选择值得到选择的标题,则可以调用方法:

this.getSelectTitle('控件id',value);

有时候保存数据是需要将选择值对应的标题也保存起来,方便以后查询,则可以直接在控件change事件中写:

示例:this.formData['rf_form_test-f10_text'] = this.getSelectTitle('field_1658822012476',value);

这样在对应的表中建一个f10_text字段,则对应的标题就会保存到这个字段中


级联控件,开关控件,日期时间也可以调用类似的方法:

image.png




联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有