单选多选组件(支持创建新选项)
收费的阳光
2021.11.30 20:40发布于组件库
1.26k11
使用场景:在选择某些下拉属性的时候,组件可以支持单选或者多选。下载链接更新

Demo项目和相关资料

https://github.com/mendixCN/widgets-resources-cn/releases/download/ant-select-web-v1.1.2/testProjectDemo.mpk

使用场景

在选择某些下拉属性的时候,组件可以支持单选或者多选。
单选功能,如官方组件提供的dropdown或者Reference Select的功能;
多选功能在下拉选框中可以选择多项
 
演示案例如下,车辆数据包括车辆名称Name,车辆种类Catalog,以及评价标签Label

1.png

 
创建新车辆数据时,可以支持单选,选择车辆的种类(产品目录catalog)

2.png

 
在多选的下拉框中,支持选择多项标签(Label)

3.png

 
下拉框支持查询筛选,和即时创建新的属性和条目

4.png

 

组件使用说明

 
数据实体,以上面的场景为例,车辆是主数据,标签和产品目录是从数据

5.png

 
通过车辆和标签,产品目录的关联关系,标签用于多选(多对多关系),产品目录用于单选(多对一)
 
页面创建
 
使用select组件

6.png

 
select组件配置项:
单选模式
1)数据源配置
待选项数据源 - 下拉的数据来源
选项值 - 写入到数据库中的数据
选项标签 - 页面上显示的数据
搜索值 - 搜索框中所填的值,在Vehicle实体中,需要创建一个字段SearchValue进行存储(可暂时忽略此字段,创建并使用即可)

7.png

 
2)常规选项
所选值 - 选中选项后,会把值存储到此属性中
被选中 - 调用模块中的微流,默认选择Act_Catalog_Select(如使用其他实体,需要修改或创建新的微流支持业务功能)

8.png

3)高级选项
多选 - 是否使用多选模式,单选选择“No”
即时创建 - 调用模块的微流,完成即时创建功能,默认选择Act_Catalog_Create(如使用其他实体,需要修改或创建新的微流支持业务功能)

9.png

 
 
多选模式
大部分配置和单选相似
1)数据源配置
已选项数据源 - 已经选择的数据项,采用关联从主数据中获取
选项值 - 使用Value字段

10.png

 
2)常规配置
被选中 - 和单选类似,创建必要的关联数据
取消选中 - 使用微流取消关联数据的记录

11.png

 
3)高级配置
多选 - 选择‘Yes’
即时创建 - 调用模块的微流,完成即时创建功能,默认选择Act_Label_Create(如使用其他实体,需要修改或创建新的微流支持业务功能)

12.png

 
运行项目,测试组件功能
 

更多定制组件,请访问组件开发成果和示例

DannyChuang、小艺001、LiangY
点赞
收藏
手机查看
举报
10个评论
倒序看帖
仅看楼主
    LiangY
    2022.02.09 10:39 发布
    #1
    你好,请问这个有全选和全不选的选项吗
    首赞
    评论
    举报
    收费的阳光
    评论
    LiangY
    2022.02.09 16:02 发布
    作者
    我看了一下ant的select组件没有支持全选的接口,如果要做到全选的效果,得考虑使用checkbox和select做组合吧
    首赞
    评论
    举报
    稚初
    2022.06.10 14:01 发布
    #2
    为什么我加了组件报错了:Package 'D:\Mendix\VacationTracking\widgets\testProjectDemo.mpk': File does not contain a client module.
    首赞
    评论
    举报
    收费的阳光
    评论
    稚初
    2022.06.10 14:23 发布
    作者
    打开方式不对。testProject.mpk是测试项目,直接用studio pro导入,不是组件。
    首赞
    评论
    举报
    稚初
    评论
    收费的阳光
    2022.06.10 16:14 发布
    噢噢,找到我想要的了,感谢分享
    首赞
    评论
    举报
    稚初
    评论
    收费的阳光
    2022.06.10 16:58 发布
    我想再问一下,这个select组件没法向低于9.6.0的版本兼容嘛,我项目运行没报错,但是一点击那个有组件的页面就报错Error: scriptError: http://localhost:8081/mxclientsystem/mendix/filters/builders.js?637904769285102603
    首赞
    评论
    举报
    收费的阳光
    评论
    稚初
    2022.07.20 15:40 发布
    作者
    目前我们开发的组件是基于9.6.0的最低稳定版本进行支持。再低的版本目前已经不支持了。可以参照组件的开源代码进行修改,以支持更低版本
    首赞
    评论
    举报
    LiangY
    2022.07.13 16:14 发布
    #3
    您好老师,请问多选下拉框可以设置不让手输创建对象吗,现在一输入就会出现这个,哪怕【即时创建】设置了Do Nothing,而且无数据的时候显示的时No Data,可以显示中文吗,谢谢老师
    首赞
    评论
    举报
    收费的阳光
    评论
    LiangY
    2022.07.20 15:45 发布
    作者
    这些内容都可以做,但是需要你自己对组件开发有点了解,自己修改组件实现了
    首赞
    评论
    举报
    peng_peng
    2024.01.25 17:07 发布
    #4
    老师你好,有个小bug : 多选情况下,通过 输入搜索到的选项 选了之后不会出现在选项栏里。
    首赞
    评论
    举报