2015-10-27 27 views
5

mam nagłówek nawigacji takiego:Jak dostosować właściwości NavBar w Yii2

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container-fluid"> 
    <div class="navbar-collapse collapse"> 
     <form class="navbar-form navbar-right" role="search"> 
     <div class="form-group has-feedback"> 
      <input id="searchbox" type="text" placeholder="Search" class="form-control"> 
      <span id="searchicon" class="fa fa-search form-control-feedback"></span> 
     </div> 
     </form> 
    </div><!--/.navbar-collapse --> 
    </div> 
</div> 

Mam problem, gdy chcę przekonwertować ten kod za pomocą yii\bootstrap\NavBar;:

<div class="navbar-collapse collapse"> 
    <form class="navbar-form navbar-right" role="search"> 
      <div class="form-group has-feedback"> 
       <input id="searchbox" type="text" placeholder="Search" class="form-control"> 
       <span id="searchicon" class="fa fa-search form-control-feedback"></span> 
      </div> 
     </form> 
</div><!--/.navbar-collapse --> 

I to jest kod My Layout użyciu yii\bootstrap\NavBar;:

<?php 
    NavBar::begin([ 
     'brandLabel' => 'My Company', 
     'brandUrl' => Yii::$app->homeUrl, 
     'options' => [ 
      'class' => 'navbar navbar-inverse navbar-fixed-top', 
      'role' => 'navigation', 
     ], 
    ]); 
    NavBar::end(); 
?> 

mam został odczytany Navbar Widget, ale nadal nie rozumiem. Czy jest ktoś, kto może nauczyć mnie używania widżetu Navbar na Yii2 framework?

+0

czy rozwiązałeś ten problem, czy nie? –

+0

@MikeRoss jeszcze nie. czy możesz mnie nauczyć, jak rozwiązać ten problem? –

+0

Na jakiej stronie używasz paska nawigacyjnego? w głównym układzie lub chcesz go użyć bezpośrednio w pliku widoku? To nie ma większego znaczenia, ale zawiera kod tej strony, na której chcesz korzystać z tego paska nawigacyjnego. –

Odpowiedz

4

Ok tutaj jest kod, że jestem tutaj po prostu umieszczając searchbox z dokładnie to, co pisał w pytaniu i jestem Domyślam się, że wiesz jak echo inne linki menu w pasku nawigacyjnym

W każdym razie to wygląda tak

<?php 
NavBar::begin([ 
'brandLabel' => 'My Company', 
'brandUrl' => Yii::$app->homeUrl, 
'options' => [ 
    'class' => 'navbar navbar-inverse navbar-fixed-top', 
    'role' => 'navigation', 
], 
]); 

$menuItems = [ 
    ['label' => 'Home', 'url' => ['controller url here']], 
]; 

echo Nav::widget([ 
    'options' => ['class' => 'navbar-nav navbar-right'], 
    'items' => $menuItems, 
]); 
echo "<form class='navbar-form navbar-right' role='search'> 
     <div class='form-group has-feedback'> 
      <input id='searchbox' type='text' placeholder='Search' class='form-control'> 
      <span id='searchicon' class='fa fa-search form-control-feedback'></span> 
     </div> 
    </form>"; 
NavBar::end(); 
?> 
+0

Dzięki, jego pracy! –

+0

@Shinoda_ chętnie Ci pomożemy –