Question

我为项目前端使用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')
                    )
               )
        ),
    ),
));

但它不是有效的代码。怎么做对了？

Answer 1

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

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

<强> UPD：

如果您想添加itemOptions标记符号

，也可以使用li

yii-bootstrap TbButtonGroup：下拉菜单项选择器

1 个答案: