【问题标题】:dropdown menu inside of react bootstrap collapsible panel headerreact bootstrap可折叠面板标题内的下拉菜单
【发布时间】:2016-02-24 15:06:34
【问题描述】:

我正在使用 react bootstrap。

我正在使用库中的可折叠面板,并想知道是否有一种方法可以在不触发面板折叠事件的情况下向面板标题添加下拉菜单

这是我使用的面板代码:

<Panel
   header={<label htmlFor={ro.id}>{ro.slug}</label>}
   collapsible
   defaultExpanded={true}
   bsStyle={"primary"}
 >
   {storyList}
</Panel>

我本质上想在面板标题中创建一个操作菜单,但是在其中放置任何内容并单击它,新按钮总是会触发面板折叠

【问题讨论】:

    标签: twitter-bootstrap reactjs react-bootstrap


    【解决方案1】:

    您应该检查 Controlled PanelGroups 示例,Panels 和 PanelGroups 都有一个可以插入的 onSelect 属性。

    【讨论】:

    • 抱歉,这里太天真了,我不明白这些面板如何解决我的问题。
    • 普通面板在内部保持折叠状态,你没有折叠事件的回调。如果您使用受控面板,您可以在自己的组件中保持折叠状态,并且您将拥有一个 onSelect 处理程序,您可以在其中检查单击的项目。如果事件目标是下拉菜单,您可以选择不更改面板的折叠状态。
    猜你喜欢
    • 1970-01-01
    • 2017-01-06
    • 1970-01-01
    • 1970-01-01
    • 2012-07-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-10
    相关资源
    最近更新 更多