Demo项目和相关资料
https://github.com/mendixCN/widgets-resources-cn/releases/download/ant-select-web-v1.1.2/testProjectDemo.mpk
使用场景
在选择某些下拉属性的时候,组件可以支持单选或者多选。
单选功能,如官方组件提供的dropdown或者Reference Select的功能;
多选功能在下拉选框中可以选择多项
演示案例如下,车辆数据包括车辆名称Name,车辆种类Catalog,以及评价标签Label
创建新车辆数据时,可以支持单选,选择车辆的种类(产品目录catalog)
在多选的下拉框中,支持选择多项标签(Label)
下拉框支持查询筛选,和即时创建新的属性和条目
组件使用说明
数据实体,以上面的场景为例,车辆是主数据,标签和产品目录是从数据
通过车辆和标签,产品目录的关联关系,标签用于多选(多对多关系),产品目录用于单选(多对一)
页面创建
使用select组件
select组件配置项:
单选模式
1)数据源配置
待选项数据源 - 下拉的数据来源
选项值 - 写入到数据库中的数据
选项标签 - 页面上显示的数据
搜索值 - 搜索框中所填的值,在Vehicle实体中,需要创建一个字段SearchValue进行存储(可暂时忽略此字段,创建并使用即可)
2)常规选项
所选值 - 选中选项后,会把值存储到此属性中
被选中 - 调用模块中的微流,默认选择Act_Catalog_Select(如使用其他实体,需要修改或创建新的微流支持业务功能)
3)高级选项
多选 - 是否使用多选模式,单选选择“No”
即时创建 - 调用模块的微流,完成即时创建功能,默认选择Act_Catalog_Create(如使用其他实体,需要修改或创建新的微流支持业务功能)
多选模式
大部分配置和单选相似
1)数据源配置
已选项数据源 - 已经选择的数据项,采用关联从主数据中获取
选项值 - 使用Value字段
2)常规配置
被选中 - 和单选类似,创建必要的关联数据
取消选中 - 使用微流取消关联数据的记录
3)高级配置
多选 - 选择‘Yes’
即时创建 - 调用模块的微流,完成即时创建功能,默认选择Act_Label_Create(如使用其他实体,需要修改或创建新的微流支持业务功能)
运行项目,测试组件功能
更多定制组件,请访问组件开发成果和示例