Yii框架-推特引导菜单在导航栏选项


Yii Framework - Twiiter Bootstrap TbMenu in Navbar options

我开始在Yii和PHP上工作,我使用这个Twitter Bootstrap由cniska.net我可以让它工作。

然而,我发现让它按我想要的方式工作有些困难。虽然我可能错过了一些东西,但在文档中没有发现任何有用的东西。

我有一个像这样的导航栏:

      $this->widget('bootstrap.widgets.TbNavbar', array(
          'brand'=>'XPTO',
          'brandUrl'=>'#',
          'fixed' => 'top',
          'collapse'=>true, // requires bootstrap-responsive.css
          'items'=>array(
              array(
                  'class'=>'bootstrap.widgets.TbMenu',
                  'items'=>array(
                      array('label'=>'1st Link', 'url'=>'#', 'active'=>true),
                      array('label'=>'2nd Link', 'url'=>'#'),
                      array('label'=>'3rd Link', 'url'=>'#'),
                      array('label'=>'4thLink', 'url'=>'#'),
                  ),
              ),
(..)

那么,对于我的第一个问题:

'brand'=>'XPTO'下面,是否可以输入图像的路径?比如logo?我知道我可以尝试输入一个图像路径但是如果图像彼此相邻呢?(这将避免我创建一个包含2的图像)。

其次:

我想根据我点击的链接在我的布局中操作和添加页面移动,因此,*我想添加'id'属性到每个'li',所以最终结果将像:

<li class="active" id="xyz"><a href="#"> Link Text </a></li>

我试过了

array('label'=>'2nd Link', 'url'=>'#', 'id'=>'xyz'),

array('label'=>'2nd Link', 'url'=>'#', 'htmlOptions'=>array( 'id'=>'xyz'),),

但是没有成功。

提示吗?

要使图像工作,只需在品牌名称中嵌入图像,如下所示:

'brand'=>'<img src="path_to_img.jpg"/>"

关于你的第二个问题,我刚刚花了20分钟搜索资料,发现当一个项目有htmlOptions时,它被称为'itemOptions'而不是'htmlOptions'。所以要添加一个id,使用:

array('label'=>'First Link', 'url'=>"#", 'itemOptions'=>array('id' => 'xyz'))

在Yiistrap中,一些属性发生了变化。

这里应该使用

'brandLabel' => CHtml::image(Yii::app()->getBaseUrl() . '/images/logo.png', 'Logo', array('width' => '37', 'height' => '37')),
'brandUrl' => 'http://www.someurl.com',

用brand..代替brandLabel