如何在yii中添加HTML CMenu

时间:2013-10-23 11:46:19

标签: php yii

希望你们都做得很好。我一直在尝试在Yii模板中实现CMenu。我正在使用,

$this->widget('zii.widgets.CMenu', array(
            'items'=>$this->menu,
            'htmlOptions'=>array('class'=>'collapse','id'=>'component-nav'),
));

我想将我的HTML输出伪装成

<li class=""><a href="icon.html"><i class="icon-angle-right"></i> List Registration </a></li>

但我不能在标签旁插入此部分:<i class="icon-angle-right"></i>,即“列表注册”。有没有办法在项目的每个标签旁边插入这个<i class="icon-angle-right"></i> html部分。

请帮助我。

提前致谢

3 个答案:

答案 0 :(得分:1)

快速肮脏的方式:

$this->menu = array_map(function($item){
        $item["label"] = "<i class='icon-angle-right'></i>" . $item["label"];
        $item["encodeLabel"] = false;
        return $item;
}, $this->menu);

$this->widget('zii.widgets.CMenu', array(
            'items'=>$this->menu,
            'htmlOptions'=>array('class'=>'collapse','id'=>'component-nav'),
));

答案 1 :(得分:1)

来自http://www.yiiframework.com/wiki/525/customizing-the-cmenu-widget/

的信息
  1. 禁用HTML编码'encodeLabel' => false,
  2. 子菜单更改课程'submenuHtmlOptions' => array('class' => 'dropdown-menu',)
  3. 使用标签属性 'label' => '<i class="icon-user"></i><span class="username">Admin</span> <i class="icon-angle-down"></i>',对bootstrap非常有用
  4. 使用YII网址属性进行正确的地址,即'url' => array('site/logout'),

答案 2 :(得分:0)

我不认为Yii提供了一种根据类引用(yiiframework.com/doc/api/1.1/CMenu)在一个内部添加html元素的方法。如果你想用css方式做到这一点:

#component-nav li a { 
     background: url('path/to/image.png') no-repeat; 
     padding-left: 30px; // depends of the width of your image 
}