Yii框架 - 导航栏选项中的Twiiter Bootstrap TbMenu

Question

我开始研究Yii和PHP,并且正在使用cniska.net的这个Twitter Bootstrap, 并且能够使它工作.

然而,我发现一些困难使它按照我想要的方式工作.并且在文档中没有找到任何有用的东西,尽管我可能错过了一些东西.

我有这样的导航栏:

      $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',是否可以输入图像的路径？例如徽标？我知道我可以尝试进入图像路径但是图像并排在一起吗？(这会避免我创建和包含2的图像).

其次:

我想根据我点击的链接操作并在我的布局中添加页面移动,因此,*我想为每个'li'添加'id'属性,因此最终结果如下:

<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'),),

但没有成功.

有小费吗？提前致谢.

Answer 1

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

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

至于你的第二个问题,我只花了20分钟来搜索来源并发现它'itemOptions'不是'htmlOptions'当一个项目有时htmlOptions.所以要添加id使用:

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