2014-02-10 27 views
2

我試圖把在yiibooster的小工具的嚮導形式的內容,但我不能使它發揮作用。這個想法是客戶有一個一步一步的形式,在每個內容中選擇一些數據。Yii的助推器嚮導表單控件內容

微件是這樣的:

$this->widget(
'bootstrap.widgets.TbWizard', 
array(
    'type' => 'tabs', // 'tabs' or 'pills' 
    'pagerContent' => '<div style="float:right"> 
       <input type="button" class="btn button-next" name="next" value="Siguiente" /> 
      </div> 
      <div style="float:left"> 
       <input type="button" class="btn button-previous" name="previous" value="Atrás" /> 
      </div> 
      <br /><br />', 
    'options' => array(
     'nextSelector' => '.button-next', 
     'previousSelector' => '.button-previous', 
     'onTabShow' => 'js:function(tab, navigation, index) { 
        var $total = navigation.find("li").length; 
        var $current = index+1; 
        var $percent = ($current/$total) * 100; 
        $("#wizard-bar > .bar").css({width:$percent+"%"}); 
     }', 
     'onTabClick' => 'js:function(tab, navigation, index) {alert("Tab Click Disabled");return false;}', 
    ), 
    'tabs' => array(
     array(
      'label' => 'Arrendatarios', 
      'content' => 'Home Content', 
      'active' => true 
     ), 
     array('label' => 'Inmuebles', 'content' => 'Profile Content'), 
     array('label' => 'Fecha', 'content' => 'Messages Content'), 
    ), 
) 

);

的我想在每個「內容」選項卡是這樣的:

$this->widget('bootstrap.widgets.TbGridView', 
      array(
      'id'=>'arrendatario', 
      'selectableRows'=>1, 
      'selectionChanged'=>'obtenerArrendatario', 
      'type'=>'striped bordered condensed', 
      'dataProvider'=>$arrendatarios->search(), 
       'filter' => $arrendatarios, 
      'template'=>"{items}\n{pager}", 
      'columns'=>array(  
       array('name'=>'arrendatario_id_personal', 'header'=>'DNI',), 
       array('name'=>'arrendatario_nombre', 'header'=>'Nombre'), 
       array('name'=>'arrendatario_email', 'header'=>'Email'), 
      ), 
     )); 

誰能幫助我?

謝謝!

回答

1

是的,你可以做到這一點像。
首先使包含Cgridview或任何你想要的意見。例如你製作了3個視圖文件,名稱爲_form_basic,_form_location,_form_officialUse。現在你可以像下面給出的那樣渲染它們。

$this->widget('bootstrap.widgets.TbWizard', array(
    'type' => 'pills', // 'tabs' or 'pills' 
      'options' => array(
        //'onTabShow' => 'js:function(tab, navigation, index) { if((index+1) > 1) {alert("Tab #" + (index+1));} }', 
        'onTabClick' => 'js:function(tab, navigation, index) {return false;}', 
      ), 
      'tabs' => array(
       array('label' => 'Basic Information', 'content' => $this->renderPartial('pages/_form_basic', array('model' => $model, 'form' => $form), true), 'active' => true), 
       array('label' => 'Residential Information', 'content' => $this->renderPartial('pages/_form_location', array('model' => $model, 'form' => $form), true)), 
       array('label' => 'Official Information', 'content' => $this->renderPartial('pages/_form_officialUse', array('model' => $model, 'form' => $form), true)), 
      ), 
     ) 
     ); 

做任何事情ü要像CgridView網頁或其他任何ü希望。

+0

我要去嘗試:d –

+0

確定不要讓我知道你嘗試之後。 –

+0

完美!非常感謝! :d –