Question

我在Yii应用程序中使用YiiBoostrap，我有一个TbListView输出一些图像。

<?php
        $this->widget('bootstrap.widgets.TbListView',array(
            'dataProvider'=>$dataProviderModerator,
            'id'=>'website-grid',
            'itemView'=>'_viewWebsite',
            'template'=>'{items}',
            'itemsCssClass'=>'grid-group row m-t-25',
            'cssFile'=>false,
            'summaryText'=>false,
            'pager'=>array(
                'header'=>'',
                'cssFile'=>false,
                'maxButtonCount'=>10,
                'selectedPageCssClass'=>'active',
                'hiddenPageCssClass'=>'disabled',
                'prevPageLabel'=>'&lsaquo;',
                'nextPageLabel'=>'&rsaquo;',
            ),
            'htmlOptions'=>array('class'=>'')));
?>

输出

enter image description here

我想在上面生成的列表的末尾手动添加一个div，我期待这样的事情

enter image description here

我该怎么做？

Answer 1

您可以通过添加带元素的自定义HTML来修改'template'=>'{items}',属性：

'template'=>'{items}<div id="my_custom_element">Foo bar</div>',

或以更“优雅”的方式相同：

// regarding your 'itemView'=>'_viewWebsite'
$item = $this->renderPartial('_viewWebsite', array(
    'your' => 'custom',
    'vari' => 'ables',
));

和

'template'=>'{items}'.$item,

Answer 2

必须可以使用jQuery：

$('<div id="my_new_element">HUGE PLUS SIGN with all functionality</div>')
    .appendTo('#website-grid');

你可以将它放在一些JavaScript函数中，并在需要时调用它。例如。第一次或afterAjaxUpdate中的TbListView。这只是一个想法。了解create DOM element和CListView::afterAjaxUpdate()。

的方式

Yii CListView - 添加手动项目

2 个答案: