# 如何最好地将类别选择套件分成两个下拉菜单？

**URL:** https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125
**Category:** UX
**Created:** [2022年一月26日 21:23 UTC](https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125 "2022-01-26T21:23:15Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2022年一月26日 21:23 UTC](https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125/1 "2022-01-26T21:23:15Z")

</div>

我正在重新设计一个志愿者项目的社区论坛。我们目前有公开的讨论类别和几个工作组，它们也设置为类别，但访问权限仅限于某些组。因此，目前这些受组限制的类别在您不是其组成员时会完全隐藏。但我们希望提高它们的可见度，以吸引更多参与者。

为了支持这一点，我草拟了一个设计，将公开类别呈现为“空间”（Spaces），将受限类别呈现为“群组”（Groups）。我想建立这种区分，因为这两种类型的工作方式截然不同，不仅在访问权限方面，而且在领导和管理方面也是如此。

 ![Global Community Forum](https://global.discourse-cdn.com/meta/original/3X/3/b/3bccfa649ced5d3951102ced05ffff1363395382.jpeg)

草图底部是类别列表，我可以使用 [Category Groups component](https://meta.discourse.org/t/category-groups-component/200874) 轻松地建立这种分离。

但我也想在导航栏上提供两条不同的访问路径：

![Screenshot from 2022-01-26 21-10-27](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/2/4/24742a0c9e8d069a4ff2badf1bf4a12a8d8a3593_2_690x63.png)

因此，“空间”（Spaces）和“群组”（Groups）都会打开一个类别下拉列表，但包含的项目不同。我仍然在想是否有办法在不进行过多修改的情况下实现这一点。@Johani 我认为您最近分享了一种添加自定义选择工具（select-kit）的优雅方法？不确定这是否可行，但我已经找不到了。

感谢大家的建议 🙂

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年一月27日 02:49 UTC](https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125/2 "2022-01-27T02:49:24Z")

</div>

我最近发帖说要把新的主题按钮变成一个自定义的 select-kit 下拉菜单，也许那会有帮助？[Convert the New Topic button to a have a sub menu - #7 by awesomerobot](https://meta.discourse.org/t/convert-the-new-topic-button-to-a-have-a-sub-menu/212300/7?u=awesomerobot)

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2022年一月27日 14:47 UTC](https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125/3 "2022-01-27T14:47:00Z")

</div>

啊是的，我想起来了，这个话题我归功于乔了。感谢@awesomerobot再次分享！

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [2022年一月30日 09:43 UTC](https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125/4 "2022-01-30T09:43:46Z")

</div>

您可以修改类别下拉菜单，使其仅显示不受限制的类别。您还可以创建另一个“扩展”它的组件，使其仅显示受限类别。

所有这些都只需要几行代码，而且是面向未来的。

在我们开始之前，我有一个小问题。这在编辑器中将如何工作？您是否希望在用户创建主题时也存在这种分离，还是可以接受在编辑器中将“空间”和“群组”放在同一个下拉菜单中？

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2022年一月31日 10:58 UTC](https://meta.discourse.org/t/how-would-i-best-split-the-category-select-kit-into-two-dropdowns/216125/5 "2022-01-31T10:58:10Z")

</div>

是的，这听起来是下拉菜单的完美直接解决方案！

我认为作曲家不需要调整。对于无法在受限类别中发帖的用户来说，作曲家不应该显示。