【问题标题】:CgridView ajax paginationCgridView ajax 分页
【发布时间】:2011-12-14 17:45:52
【问题描述】:

在我的项目中,我在模态窗口中使用 cgridview。现在我面临的问题是,当我选择分页时,页面会重新加载。如何使用 ajax 分页加载网格视图。我的 ui 代码 id 下面给出...

<div id="pick-category-modal" title="Pick Category" class="popupinfoholder2">
    <div style="width:700px; height:auto;">
        <?php
        $widget = $this->widget('zii.widgets.grid.CGridView', array(
            'id' => 'response-grid',
            'dataProvider' => $pickdataset->pickSection(),
            'cssFile' => Yii::app()->baseUrl . '/media/css/gridview.css',
            'summaryText' => '',
            'ajaxUpdate'=>true,
            'enablePagination' => true,
            'template' => '{items}',
            'pager' => array(
                'class' => 'LinkPager',
                'cssFile' => false,
                'header' => false,
                'firstPageLabel' => 'First',
                'prevPageLabel' => 'Previous',
                'nextPageLabel' => 'Next',
                'lastPageLabel' => 'Last',
            ),
            'columns' => array(
                .....................
                .....................
            ),));
        ?>
        <div class="grid-view-footer">
            <div class="paginationholder">
                <div id="pagination">
                    <?php $widget->renderPager(); ?>
                </div>
            </div>
        </div>
    </div>
</div>

【问题讨论】:

    标签: ajax yii pagination cgridview


    【解决方案1】:

    刚才我自己对此进行了测试,看来使用renderPager() 踢出的寻呼机不适用于AJAX 设置。 CGridView JavaScript 仅将 AJAX 绑定到由小部件呈现的 &lt;div&gt; 内的寻呼机(此处为#response-grid),因此它不会找到并使用您的额外寻呼机。

    我只是使用 CGridView 在底部呈现的默认寻呼机,效果很好。

    您可以覆盖 CGridView JS 来修复此问题,或将其列为 Yii 错误跟踪器的增强功能:http://code.google.com/p/yii/issues/list

    【讨论】:

    • 是的,那太好了,我想我会解决我的问题。 @thaddeusmt 我还有一个疑问,那就是如何在完成 ajax 更新时将 jquery click 事件绑定到网格中的图像。
    • 您要绑定到哪个图像?
    • 只有一个 chtml::image 在每一行都有特定的 id 在 alt 标签中定义
    • 嗯,是的,我会打开另一个关于 AJAXed CGrid 行中的 JS 绑定的问题,我不确定它是如何工作的......
    猜你喜欢
    • 1970-01-01
    • 2013-08-20
    • 2011-12-05
    • 1970-01-01
    • 2015-02-10
    • 1970-01-01
    • 2014-07-18
    • 2013-01-28
    • 1970-01-01
    相关资源
    最近更新 更多