2014-03-06 5 views
1

나는 YII 부스터를 사용하고 그리고 난과 함께, 내 목록이처럼 보이게하기 위해 노력하고있어 같은 ID의클래스의사용자 정의 bootstrap.widgets.TbMenu

<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 항상이를 제거하는 방법이있는 ID가

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

처럼 HTML로 추가 발견?

답변

1

TbMenu 여전히 CMenu입니다 사전에

감사합니다, 당신은 여기 http://www.yiiframework.com/doc/api/1.1/CMenu CMenu을 포함하여 예제에 대한 모든 정보를 찾을 수 있습니다.
정말 무해한 ID는 신경 쓰지 않아도됩니다.
추가 된 클래스의 경우 itemCssClass를 사용하여 클래스를 제어 할 수 있습니다.

+0

불행하게도 내가 YII의 문서를 찾을 수 조금 혼란스러워. 나는 그것이 작동하도록 할 수 없습니다. 게다가 html을 사용할 수있을 때 위젯을 사용해야하는 이유를 이해하지 못합니까? – user2636556

+2

당신은 Yii 위젯을 사용하지 않아도됩니다 - 양식은 일반적인 HTML 코드입니다. 어떤 사람들은 Yii 기능을 사용하는 것을 더 쉽게 찾습니다. 당신이 원하지 않는다면, 정상적인 HTML을 사용하십시오. Yii와 같은 양식 코드와 일반 HTML을 혼합 할 수도 있습니다. Yii가 양식 필드를 처리하는 방법을 알고 있어야합니다. 예를 들어 입력 양식의 이름은 crafter

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