使用Yii助推器创建等效的CMenu Zii小部件

时间:2013-05-24 07:25:52

标签: php twitter-bootstrap yii yii-extensions

如何使用Yii-bootstrap或yii booster实现菜单?例如,Yii默认布局上的菜单如下 -

        <?php $this->widget('zii.widgets.CMenu',array(
        'items'=>array(
            array('label'=>'Home', 'url'=>array('/site/index')),
            array('label'=>'Search', 'url'=>array('/product/search')),
            array('label'=>'Contact', 'url'=>array('/site/contact')),
            array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
            array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
        ),
        )); ?>

这具有良好的功能。什么是Yii-Bootstrap或Yii-Booster实现它并控制设计的方法,即在需要时定义CSS类?

1 个答案:

答案 0 :(得分:2)

在Yii-booster中它是TbMenu,在Yii-bootstrap中它可能是BootMenu,这里有一些例子:

$this->widget('bootstrap.widgets.TbMenu', array(
    'type' => 'tabs', // <-- also try 'pills' here for different styling or 'list' for vertical menu
    'items' => array(
        // Your items here
    )
);

编辑:还有用于创建主导航栏的TbNavbar组件,它将TbMenu作为其中一个参数:

$this->widget('bootstrap.widgets.TbNavbar', array(
    'brand' => 'Title', // <-- This dysplays some title on the left
    'items' => array(
        array(
            'class' => 'bootstrap.widgets.TbMenu',
            'items' => array(
                // Typical Yii menu items config
            )
        )
    )
));