问题标签 [react-dropdown-tree-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
118 浏览

javascript - 如何控制选中项的顺序

我正在为我的项目使用react-dropdown-tree-select组件。如何更改所选项目的顺序?默认选中项顺序与数据列表顺序相同,我想更改为用户选择项顺序的顺序:每个新选中的项都将附加到选中列表中。谢谢你的帮助!

0 投票
1 回答
539 浏览

reactjs - setState 和 index 的 react-dropdown-tree-select 问题

我在组件中使用反应下拉树选择。

以上是我的代码,但我遇到了一些问题,我不知道如何继续。

  1. 在下拉组件的 onChange 中,如果我执行 setState,它会不断重新渲染,所以我尝试了“防止在父级上重新渲染”,但我收到错误消息,指出数据未定义(我已将 componentWillReceiveProps 替换为 getDerivedStateFromProps)
  2. 添加一组新字段(价格 + 区域)时,先前区域下拉列表中的值会刷新。这可以防止吗?
  3. 有没有办法获取下拉列表的索引?我尝试使用 onChange 传递索引,但没有成功。

任何帮助表示赞赏。提前致谢。

0 投票
0 回答
108 浏览

react-dropdown-tree-select - react-dropdown-tree 组件:使用省略号防止换行

我想防止组件在选择更多项目时垂直扩展。如果某些项目不适合该行,我希望有“...”向用户发出信号,表明选择了更多项目。

以下示例为 react-select 实现了此行为: https ://codesandbox.io/s/v638kx67w7?file=/index.js:1219-1231

使用 react-dropdown-tree 执行此操作的最佳方法是什么?

0 投票
0 回答
107 浏览

reactjs - react-dropdown-tree-select:是否可以将搜索区域向左移动?

我在我的项目中使用 react-dropdown-tree-select ,我想知道是否可以将搜索区域(“Choose..”)移动到左侧,如下图所示?有没有人有这方面的经验?我阅读了文档并用谷歌搜索了很多,但找不到任何有用的东西。

提前致谢!

我想达到什么.png

0 投票
0 回答
230 浏览

reactjs - react-dropdown-tree-select:关闭选择下拉菜单

选择节点后是否可以访问任何道具以最小化下拉列表。我的用例是只选择最深级别的节点并禁用父节点。在选择单个节点时,预期的行为将是最小化下拉菜单,而不是单击外部。这可以在不利用 CSS 的情况下通过 JavaScript 实现吗?

0 投票
0 回答
95 浏览

javascript - 在 AntD 中,如何将 TreeSelect 的功能与 Select 的“标签”模式结合起来?

如何将自动完成树选择的 Ant Design Checkable TreeSelect功能与Select withmode="tags"中提供的基于未列出的输入添加新标签的能力相结合?顺便说一句,我需要使用本示例中实现的 JSON 树格式。

我尝试添加mode="tags"选项<TreeSelect />- 它会激活列表中的标签输入,但会导致 TreeSelect 功能崩溃。

我还研究过React 的人认为在 TreeSelect 中有一个“标签”模式并不酷。抱歉,伙计们,但我正是需要这个!)但我不知道如何实现这一点。

0 投票
0 回答
64 浏览

react-dropdown-tree-select - 有没有办法在 react-dropdown-tree-select 中禁用键盘导航?

我们正在使用 react-dropdown-tree-select,但我们并不真正需要键盘导航,并且在此应用程序中,当您在选择的开头退格时删除最后一个项目的行为是不可取的。有没有办法禁用/抑制这个?

0 投票
1 回答
67 浏览

reactjs - 如何根据文本输入框的值在 React 中创建动态下拉菜单?

我想要一个反应材料 ui 项目中的下拉列表,其中下拉列表的值根据我在搜索框中键入的内容而变化,有点像 npm 主页中的搜索框 在此处输入图像描述

我在 Material Ui 中找不到类似的东西,想知道是否有类似的东西可用

更新:虽然如 Answers React-Select 中提到的那样是一个很好的解决方案,但我最终还是使用了

0 投票
1 回答
161 浏览

reactjs - 为什么我不能从 React 下拉树选择中恢复选定的项目

我在从 ReactDropdownTreeSelect 恢复值时遇到各种麻烦。该组件似乎保持它的状态很好,直到我想保存更改的结果。但是我尝试这样做,组件失去了它的状态并且没有选择任何内容。我错过了什么

这是一个最简单的示例,与帮助中的示例几乎相同,它显示了问题。一行就断了...

0 投票
0 回答
29 浏览

drop-down-menu - YAML 到下拉列表

我是 Linux 管理员。假设我有一个大的 yaml 文件,我想以树状结构的形式将它托管在 Linux 服务器上的网页上,就像 Windows 注册表工具 REGEDIT 的样子。是否有任何免费软件工具或源代码可以提供此功能,而不是重新发明轮子?我愿意以不同于 yaml 的格式使用源文件。