自定义bootstrap.widgets.TbMenu

时间:2014-03-06 10:57:06

标签: yii yii-extensions yii-booster

我正在使用Yii Booster,我正试图让我的列表看起来像这样,使用相同的 ID CLASS的

<div id="sidebar-nav">
        <ul id="dashboard-menu">
            <li class="active">
                <div class="pointer">
                    <div class="arrow"></div>
                    <div class="arrow_border"></div>
                </div>
                <a href="index.html">
                    <i class="icon-home"></i>
                    <span>Home</span>
                </a>
            </li>            
            <li>
                <a href="chart-showcase.html">
                    <i class="icon-signal"></i>
                    <span>Charts</span>
                </a>
            </li>
            <li>
                <a class="dropdown-toggle" href="#">
                    <i class="icon-group"></i>
                    <span>Users</span>
                    <i class="icon-chevron-down"></i>
                </a>
                <ul class="submenu">
                    <li><a href="user-list.html">User list</a></li>
                    <li><a href="new-user.html">New user form</a></li>
                    <li><a href="user-profile.html">User profile</a></li>
                </ul>
            </li>
        </ul>
    </div>

到目前为止我已经完成了这个..并且不确定如何为用户执行子菜单。关于如何进行子菜单以及添加适当的类和ID的任何想法?

<div id="sidebar-nav">
    $this->widget('bootstrap.widgets.TbMenu', array(
            'type' => 'list',
            'items' => array(array('label' => 'Home', 'icon' => 'home', 'url' => array('default/index#'), 'active' => true),
                array('label' => 'Charts', 'icon' => 'icon-signal', 'url' => array('demo1')),
                array('label' => 'Users', 'icon' => 'icon-group', 'url' => array('demo2')),
        ));
</div>

另外,我注意到Yii总是在html中添加一个ID,如

<input id="yw0" class="nav nav-list" />

有没有办法删除它?

提前致谢

2 个答案:

答案 0 :(得分:3)

这只显示在导航的右侧,带有图标和登录注销选项... 并且工作正常.....

        array(
            'class' => 'bootstrap.widgets.TbMenu',
            'htmlOptions' => array('class' => 'pull-right'),
            'items' => array(
                array('label' => 'Welcome..' . Yii::app()->user->name . '', 'url' => '#','icon' => 'icon-user icon-white'),
                array('label' => '', 'url' => '#', 'items' => array(
                        array('label' => 'Login', 'url' => array('/site/login'), 'visible' => Yii::app()->user->isGuest),
                        array('label' => 'Logout', 'url' => array('/site/logout'), 'visible' => !Yii::app()->user->isGuest, 'itemOptions' => array(
                                'class' => ''
                            )),
                    )),
            ),
        ),

由于 http://about.me/sudeep_dk

答案 1 :(得分:1)

TbMenu仍然是CMenu,您可以在http://www.yiiframework.com/doc/api/1.1/CMenu找到有关CMenu的所有详细信息,包括示例。
你不应该关心他们真正无害的身份证件 对于添加的类,您可以使用itemCssClass控制它们。