在Yii Bootstrap中设置小部件属性

时间:2013-07-04 12:02:27

标签: twitter-bootstrap yii yii-behaviour

我刚开始使用引导主题的Yii框架;一切都很棒, 除了我找不到在bootstrap小部件中命名属性的方法。例如,网站有一个聊天按钮,如何通过jQuery('#id')访问它?

我尝试添加相同数组的id属性,如下所示:

<?php $this->widget('bootstrap.widgets.TbButton',array(
    'buttonType'=>'link',
    'icon' => 'icon-user icon-white',
    'type'=>'info',
    'label'=>'Live chat',
    'url'=>'javascript:switchChat();',
    'id'=>'chatPopup'
    )); ?>

好的,经过一些小问题我发现了htmlOptions数组和itemOptions:)

好的,终于到了那里

        'class'=>'bootstrap.widgets.TbMenu',
        'items'=>array(
            array('label'=>'Home', 'url'=>array('/site/index')),
            array('label'=>'Messages ()',
                  'url'=>array('/site/messages'),
                  'visible'=>!Yii::app()->user->isGuest,
                  'itemOptions'=>array('class'=>'msgcnt'),
            ),

但这不会为我生成属性,除了标准网址,类型等

所以我目前能够做到这一点的唯一方法是将小部件放在带有id的div包装器中,但是我如何处理那些div不可接受的小部件,例如在这种情况下导航栏?

1 个答案:

答案 0 :(得分:6)

您可以通过htmlOptions属性设置属性:

<?php $this->widget('bootstrap.widgets.TbButton',array(
    // ..
    'htmlOptions' => array(
        'id' => 'myid',
    ),
));?>