multi-select 相关问题

Multiselect是一种用户界面功能,允许用户在项目控件中选择多个项目。项目控件可以是包含可选项目的任何内容,例如下拉列表,数据网格或自定义列表或项目组。

单击标题内的输入字段时,DataTables 会过滤列

我有一个 DataTables 实例,它在表的标题中附加一个选择。这是一个显示它的代码笔。 这是将选择添加到标题的代码的相关部分 初始化完成:

回答 3 投票 0

尝试用whiteSpace =“normal”覆盖react mui版本4选择样式。我做错了什么?

https://v4.mui.com/system/display/#api mui 显示我应该能够覆盖组件级别的样式。但无论我尝试什么(覆盖样式,创建新主题),我都会得到白色-

回答 1 投票 0

选择“所有垫子”选项并取消选择“全部”

我有如下场景: 我想要实现的是: 当用户单击“全部”时,将选择所有选项,当用户再次单击“全部”时,将取消选择所有选项。 如果选中所有选项...

回答 7 投票 0

LWC:如何在单击 LWC 中的按钮时重置多选组合框的值

在我的父组件中,我将子组件称为: 在我的父组件中,我将子组件称为: <c-multiselect-picklist multi-picklist-values={picklistValues} onselect={handleChange} preselected-string={selectedPicklistValue} data-id="first"></c-multiselect-picklist> JS: picklistValues = {}; picklistOptions = [ { label: 'First', value: 'First'}, { label: 'Second', value: 'Second'}, { label: 'Third', value: 'Third'}, { label: 'Fourth', value: 'Fourth'} ]; connectedCallback() { this.picklistValues.label = ''; this.picklistValues.optionsToSelect = this.picklistOptions; this.selectedPicklistValue = 'Some String'; } 在 UI 中,我有一个重置按钮,单击该按钮后,我想将多选子 LWC 重置为初始状态,而不进行任何选择。 如何在 LWC 中实现这一目标。 我尝试将 picklistValues 设置为 null,但闪电组合框仍然显示选定的选项。 正如已经评论过的,如果没有看到您的实际实现,很难判断什么对您的自定义组合框有效,但是我可以向您展示一个可行的解决方案: 多选组合框 我写了一篇关于如何创建 LWC 多选组合框的文章,可能会对您有所帮助:https://medium.com/@svirk/how-to-create-the-lwc-multi-select-combobox-that-salesforce -仍然缺失-c7bf3a2850dd 包括 JEST 单元测试和 JSDoc 注释的源代码可在此处获取:https://github.com/svirk/awesome-lwc-collection/tree/main/force-app/main/default/lwc/multiSelectCombobox 重置当前选择 要使用按钮等从外部重置当前选择,您只需添加一个重置方法并使用 @api 注释使其可供外部使用。如果您使用我的组件,此方法将如下所示: @api reset() { this.selectedItems = this.placeholder; this.currentOptions = []; this.selectedOptions = []; this.isLoaded = false; } 然后,您可以通过查询选择器从相应的父组件调用重置方法: this.template.querySelector('c-multi-select-combobox').reset(); 我们可以调用整个组件而不是调用组件中的方法吗?

回答 2 投票 0

多选在实例设置模式中无法正确显示 - Woocommerce

我为 Woocommerce 创建了一个自定义运输方法,它支持运输区域、实例设置和实例设置模式。实例设置的表单字段是使用设置创建的...

回答 1 投票 0

如何使用 Material Angular 设置多选日历?

我有一个日历,但我只能设置一个日期,并且我希望能够设置多个日期。我在官方文档中没有看到任何内容(https://material.angular.io/components/datepicker/overv...

回答 2 投票 0

SwiftUI - 列表多选移动/重新排序(适用于 Mac,但不适用于 iOS)

如何启用多选,然后使用 ForEach (在 SwiftUI 中)移动/重新排序列表中的选定项目? 我尝试了以下代码。在 Mac 上它工作得很好 - 它允许我选择多个项目,并且

回答 1 投票 0

如何在我自己的flutter应用程序(如linkedin技能字段)中创建技能多选字段

我想使用一些公共API来获取技能,你能建议一下吗?想要创建一个多选下拉列表来选择技能 在谷歌和快速API中进行了研究,但找不到任何选项还有一些视频......

回答 1 投票 0

带有数组值的 Power BI 切片器下拉列表

我想为 availableDataTypes 字段创建一个切片器。我在 availableDataTypes 字段中有值数组。在下拉列表中我只需要 [1]、[2]、[3] 和无选项 应该是多选掉落...

回答 1 投票 0

在 Spring MVC 中使用 <select multiple> 会抛出 java.lang.NumberFormatException: For input string: ""

org.springframework.web.util.NestedServletException:请求处理失败;嵌套异常是 java.lang.NumberFormatException: 对于输入字符串: "" 我正在尝试仅使用

回答 1 投票 0

带有标签的多选下拉字段,不适合的标签自动更改为+金额

我们正在 React 中寻找一个多选下拉字段: 永远是单行 只会向不适合该字段的标签显示标签。当标签不适合时,那就...

回答 1 投票 0

单击退格键或删除按钮时从组合中取消选择项目

我想在可编辑区域中单击退格键或删除按钮时取消选择 extjs 多选组合框中的选定项目。我知道这在标签字段中是可能的,但我的要求很具体......

回答 1 投票 0

有没有办法让这两个下拉菜单“协同工作”来过滤表格

嗨,我有一个表,我想使用自定义 JavaScript 下拉过滤器功能来过滤它。它们单独工作时效果很好,但是当我尝试同时使用两者来填充时,问题就出现了......

回答 1 投票 0

无法弄清楚模型绑定 ASP.NET Core + Razor Pages 中出了什么问题

我试图简单地将所选项目填充到绑定属性 SelectedDataSourceIDs,但我无法弄清楚我做错了什么。 风景: @页 @model ContosoUniversity.Pages.Analysis.

回答 1 投票 0

如何将select2多选控件的分隔符更改为分号?

我正在尝试在 MultiSelect 控件上使用 Select2 jQuery 库。这些控件工作正常,但我需要更改 select2 用于多选控件的值的默认定界符(分隔符)。

回答 2 投票 0

如何在多选primvue和vuejs 3中进行搜索

我想在multiselect primevue上进行搜索,这里我使用过滤器和 函数 @search="searchStorageLocations" 进行搜索。但这没有用。请帮忙提供解决方案和指导 我...

回答 1 投票 0

React Native 中的多选

我正在尝试在本机反应中实现MultiSelect。我已从此链接“ https://github.com/toystars/react-native-multiple-select ”引用。但不幸的是我是 无法...

回答 1 投票 0

React Native 多选

我是 React Native 新手 我正在尝试创建一个多选视图,用户可以在其中选择和取消选择项目,然后所选项目应传回到前一个容器,当用户...

回答 2 投票 0

如何以数组形式提交,只有id。使用 Angular 7 和 ng-multiselect-dropdown

我提交此表格: 让 newRole = this.addForm.value console.log(this.addForm) 形式如图所示: 当我把 console.log(this.addForm.value) 显示为 我只想提交

回答 2 投票 0

MultiSelectComboBox 的方法选择不起作用

我有一个 MultiSelectComboBox,但是当尝试通过其 select() 方法选择某些项目时,没有任何反应。 我的代码如下所示: Binder binder = new BeanValidationBinder&l...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.