如何为zii.widgets.CMenu标签应用单独的类


How to apply individual classes for zii.widgets.CMenu labels?

我是yii的新手,我想知道:

如何为zii.widgets.CMenu标签应用单独的类(CSS(

我的代码:

$this->widget('zii.widgets.CMenu',array(
                          'items'=>array(
                                 array('label'=>'Home', 
'url'=>array('/site/index')),<br>
                                 array('label'=>'About', 
'url'=>array('/site/page', 'view'=>'about')),<br>
                                 array('label'=>'Contact', 
'url'=>array('/site/contact')),<br>
                                 array('label'=>'Supplier', 
'url'=>array('/supplier/index')),<br>
                                 array('label'=>'Login', 
'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
                                 array('label'=>'Logout 
('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), <br>
'visible'=>!Yii::app()->user->isGuest)
                         ),<br>
                 ));

您可以根据此处的官方文档提供itemOptions。

根据文档,itemOptions是"为菜单项的容器标签呈现的附加HTML属性。">

这意味着它们可以用于向项目添加HTML属性,以及li元素,如

$this->widget('zii.widgets.CMenu', array
(
    'items' => array
    (
        array
        (
            'itemOptions' => array('class' => 'class names here'),
            'label' => 'Home', 
            'url' => array('/site/index')),
        ),
    ),
));

或者,您可以使用linkOptions将类添加到a href元素中,就像这样(注意从itemOptionslinkOptions的更改(

$this->widget('zii.widgets.CMenu', array
(
    'items' => array
    (
        array
        (
            'linkOptions' => array('class' => 'class names here'),
            'label' => 'Home', 
            'url' => array('/site/index')),
        ),
    ),
));

对于li使用itemOptions,对于a href使用linkOptions

对于a href

array('label'=>'Link Lable',
      'url'=>array('controller/action'),
      'linkOptions'=>array("id"=>"link-id","class"=>"your-class1 your-class2 your-class3"), 
      'visible'=>!Yii::app()->user->isGuest)

对于li

'itemOptions' => array('class' => 'your-class1 your-class2'),
array(
    'label'=>'Home',
    'url'=>array('/site/index'),
    'itemOptions'=>'my_class'
)

itemOptions用于自定义li属性。