首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Yii Bootstrap - Badge Inside菜单

Yii Bootstrap - Badge Inside菜单
EN

Stack Overflow用户
提问于 2013-05-08 00:26:55
回答 1查看 2.3K关注 0票数 2

我想在我的导航菜单中设置一个带有bootstrap和yii的徽章,以显示用户有多少警报。

代码语言:javascript
运行
复制
    <?php $this->widget('bootstrap.widgets.TbNavbar',array(
        'items'=>array(
            array(
                'class'=>'bootstrap.widgets.TbMenu',
                'items'=>
array('label'=>'Alerts', 'url'=>array('/user/alerts')),
array(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)
                ),
            ),
        ),
    )); ?>

我可以在里面放一个文本和一个徽章吗?比如:"3个警报“..我的徽章“3”在哪里?并且警报将是指向警报页面的链接?

代码语言:javascript
运行
复制
$this->widget('bootstrap.widgets.TbBadge', array(
            'type'=>'inverse',
            'label'=>'2',
        )); 
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-08 19:40:40

widget的CBaseController::widget的第三个参数确定是将小部件内容捕获到变量中还是直接输出。默认情况下,它输出内容。http://www.yiiframework.com/doc/api/1.1/CBaseController#widget-detail

此外,CMenu类具有encodeLabel属性http://www.yiiframework.com/doc/api/1.1/CMenu#encodeLabel-detail。将其设置为true将按原样输出标签(不使用HTML编码)

试试这个:

代码语言:javascript
运行
复制
$badge=$this->widget('bootstrap.widgets.TbBadge', array(
    'type'=>'inverse',
    'label'=>'2',
), true);

$this->widget('bootstrap.widgets.TbNavbar',array(
    'items'=>array(
        array(
            'class'=>'bootstrap.widgets.TbMenu',
            'encodeLabel'=>false,
            'items'=>
                array(
                    array('label'=>$badge.' Alerts', 'url'=>array('/user/alerts')),
                    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)
                ),
            ),
    ),
));
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16424038

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档