yii-bootstrap TbButtonGroup: 下拉菜单项选择器答案

【问题标题】：yii-bootstrap TbButtonGroup: dropdown menu items selectoryii-bootstrap TbButtonGroup: 下拉菜单项选择器
【发布时间】：2014-07-14 12:57:13
【问题描述】：

我在项目前端使用 yii 和 bootstrap 扩展。在 yii-bootstrap 文档中，我找到了有关小部件 api 的足够信息，但我无法意识到一个问题。我有代码：

Yii::app()->controller->widget('bootstrap.widgets.TbButtonGroup', array(
    'buttons' => array(
        array( 'label' => '',
               'icon'  => 'tasks',
               'items' => array(
                    array(
                        'label' => 'Setup',
                        'url' => '',
                        /*'class' => '?',*/
                        /*'id' => '?'*/
                    )
               )
        ),
    ),
));

单击 TbButtonGroup 中的按钮项时，我需要执行 javascript 代码。如果我为按钮项元素指定 url，它将是重定向操作。我需要打开对话框窗口而不是将用户转发到另一个页面。我为这个逻辑准备了代码（使用 jQuery）：

$(document).on('click', 'SELECTOR', function (event) {
    // Prevent forwarding user to another page after click on link.
    event.preventDefault();
    // open dialog code...
}

现在我需要为按钮中的几个项目之一指定一些选择器，这将使用 TbButtonGroup 小部件生成。我怎样才能做到这一点？我需要这样的东西：

Yii::app()->controller->widget('bootstrap.widgets.TbButtonGroup', array(
    'buttons' => array(
        array( 'label' => '',
               'icon'  => 'tasks',
               'items' => array(
                    array(
                        'label' => 'Setup',
                        'url' => '#',
                        'id' => 'action_setup_btn', // $('#action_setup_btn')
                        'class' => 'action_btn' // $('.action_btn')
                    )
               )
        ),
    ),
));

但这不是有效的代码。怎么做才对？

【问题讨论】：

标签： php twitter-bootstrap yii

【解决方案1】：

您可以将linkOptions 参数用于items。这是将添加到链接的属性数组：

...
'items' => array(
    array(
       'label' => 'Setup',
       'url' => '#',
       'linkOptions'=>array('class'=>'MyClass', 'id'=>'MyId')
    )
)
...

UPD：

如果你想添加属性li标签，你也可以使用itemOptions：

【讨论】：

谢谢！有用！ linkOptions == htmlOptions-for-link？是真的吗？
linkOptions <a> 标签的属性列表和itemOptions <li> 标签的属性列表（包含链接）。