2

我正在尝试将 yiibooster 的向导形式的内容放入一个小部件，但我无法使其工作。想法是客户有一个逐步的表格，在每个内容中选择一些数据。

小部件是这样的：

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

谁能帮我？

谢谢！

4

1 回答 1

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 或任何你想做的事情。

于 2014-02-10T10:14:11.457 回答