SAPUI5 SelectDialog中的“全选/取消全选”

时间:2019-02-28 13:18:39

标签: javascript sapui5 sapui5-theming

我有一个SAPUI5 SelectDialog。它包含多个条目。现在,UI5提供了使用showClearButton="true"清除所有选定值的属性 enter image description here

我想实现什么? 我想实现类似的功能,以在对话框中“全选”条目。我知道sap.m.tableSelectDialog提供了此功能,但是如何在SelectDialog中实现呢?可能的解决方案可以包括

  1. 顶部的复选框,其中显示“全选/取消全选”
  2. SelectDialog页脚中的按钮,显示“全选/取消全选”。 enter image description here

欢迎任何建议。

1 个答案:

答案 0 :(得分:1)

SelectDialog的用例是一种绑定方式。 这意味着您将提供一个项目列表,并在适当的模式下使用Dialog,其功能将为您提供选定的内容(即,不让您操纵复选框的值)

如果要实现此目的,为什么不在对话框中使用列表(而不是SelectDialog)?如果您适当地绑定此列表项,则存在一个列表项类型

<InputListItem label="Your Label">
    <CheckBox selected="true" />

这可能对您有用吗?

来自documentation

  

列表结构和选择   搜索字段触发事件搜索   和liveChange,其中可以将过滤器功能应用于列表   捆绑。列表的功能不断增长,不支持   双向绑定,因此,如果将此控件与JSON模型一起使用,   确保绑定模式设置为OneWay,并且您更新了   选择模型,并在Confirm事件中传递项目。   在选择对话框的多选模式下,提供了复选框   选择多个条目。您可以将RememberSelections设置为true   存储当前选择并在对话框为   再次打开。取消选择时,事件更改为   触发,选择恢复到对话框被选中时的状态   打开。