标签: split-button

我想用Bootstrap 3做一个分割按钮下拉菜单.我没有找到任何工作片段.

我的导航栏看起来像:

<header class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Brand</a>
        </div>
        <div class="navbar-collapse collapse">

            <ul class="nav navbar-nav">
                <li>
                    <a href="#">Example</a>
                </li>
                <li>
                    <a href="#">Example</a>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div><!--/.navbar-collapse …

我花了一个非常令人沮丧的下午搜索谷歌寻找一个商业级WPF SplitButton控制,将在一个ToolBar.A SplitButton是您可以单击主要部分Button以执行默认操作的方法,或者单击右侧的小三角形以获取备用操作的下拉菜单.

我在网上找到了几个(包括CodeProject上的一个,包括CodePlex上的两个).它们ToolBar都没有正常工作 - 它们或者根本没有出现,或者它们没有工具栏按钮样式.我甚至看过一些商业产品,比如ActiPro的弹出按钮(在他们的SharedLibrary DLL中).同样的问题.

是的,我已经看到所有关于创建一个是多么容易的帖子.这很容易地创建一个坏的,但不是那么容易创建一个看起来和作品,如SplitButton在Outlook或Visual Studio,这里,如果你松开鼠标按钮的下拉菜单不消失.

所以,这是我的问题:SplitButton在工具栏中是否存在开源或商用的商业级产品？我不是在寻找一个控件,它是每年1500美元订阅某人控件库的一部分,但是如果价格合理SplitButton,我肯定想找到它.

有人有 SplitButton 的编码实现吗？

我尝试搜索一些实现，但没有一个起作用。（例如JSplitButton）。

请参阅此示例http://view.jquerymobile.com/1.3.0/docs/widgets/listviews/ 部分:拆分按钮

在该示例中,左侧和右侧部分都是按钮.我怎样才能得到只有正确的部分是按钮(左边只是一个基本的只读文本)？

谢谢!

我的 WPF 窗口中有一个SplitButton，它是从 Xceed 的扩展 WPF 工具包借来的。它的下拉内容由一些 s 组成RadioButton。就像是：

<Window x:Class="WpfTest.Test3"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:tk="clr-namespace:Xceed.Wpf.Toolkit;assembly=Xceed.Wpf.Toolkit"
        Title="Test3" Height="300" Width="300">
    <Grid Height="25" Width="150">
        <tk:SplitButton Content="Default Command">
            <tk:SplitButton.DropDownContent>
                <StackPanel>
                    <RadioButton Content="Default Command" GroupName="variations" Margin="5" IsChecked="True"/>
                    <RadioButton Content="Alternate Command 1" GroupName="variations" Margin="5"/>
                    <RadioButton Content="Alternate Command 2" GroupName="variations" Margin="5"/>
                </StackPanel>
            </tk:SplitButton.DropDownContent>
        </tk:SplitButton>
    </Grid>
</Window>

它会生成这样的东西：

问题是，当我单击每个RadioButtons 时，下拉菜单不会消失。我做了一些谷歌搜索，意识到我应该为Click每个RadioButton. 但我不知道如何隐藏该事件处理程序中的下拉菜单。顺便说一句， a 似乎MenuItem 具有 的属性 StaysOpenOnClick，但其他控件没有这样的属性。

虽然以编程方式完成此操作就足够了，但是有 MVVM 方法吗？

我有一个来自ReactComponent的片段,如下所示:

<SplitButton bsStyle="info" bsSize="large" title="Main List">
    <MenuItem eventKey="1">Delete List</MenuItem>
    <MenuItem eventKey="2">Edit List Name</MenuItem>
</SplitButton>

我想添加一个链接到"主列表"按钮,但目前我仍然在点击<SplitButton>"主列表"标题的下拉按钮而转到该链接.

只有在单击"主列表"按钮时,我应该将href标记放在哪里才能跟踪链接？

Delphi XE2中的TButton有一个Style属性.当此属性设置bsSplitButton为时,按钮右侧会显示一个下拉箭头:

但是,这个下拉区域有一些不便之处:

1. 在许多情况下,它太窄,下拉区域的静态宽度仅为11像素.

2. 当鼠标指针悬停在下拉区域上时,下拉区域没有明确的悬停指示.

如何实施TButton的后代来修复这种不便？后代应具有DropDownWidth属性和属性,当鼠标悬停在下拉区域上时,该属性可处理和更改下拉显示.