[英]CgridView ajax pagination in popup window
in my project i am populating a cgridview data to a popup in my base window. 在我的项目中,我正在将cgridview数据填充到基本窗口中的弹出窗口。 but when i tried doing ajax pagination it gets fails. 但是当我尝试执行ajax分页时,它失败了。 i have made a view named list invoices having the cgrid data only. 我已经做了一个仅列出带有Cgrid数据的名为列表发票的视图。
view/user/listInvoices.php 查看/用户/ listInvoices.php
<div id="invoice_container" name="invoice_container">
<div align="right"><img src="<?php echo Yii::app()->request->baseUrl; ?>/media/images/add_button.png" name="add_invoice" id="add_invoice"></div>
<?php
echo "INVOICES LISTING";
// <a href="<?php #echo Yii::app()->createAbsoluteUrl('/studio/addInvoices') ">Add Invoice</a>
//echo $schedules;
?>
<?php
$this->widget('zii.widgets.grid.CGridView', array(
'dataProvider' => $invoice->search($studioId),
'columns' => array(
array(
'name' => 'Invoice Number',
'type' => 'raw',
'value' => '$data->invoice_no',
),
array(
'name' => 'Student',
'type' => 'raw',
'value' => '$data->user_id',
),
array(
'name' => 'Invoice Date',
'type' => 'raw',
'value' => '$data->invoice_date',
),
array(
'name' => 'Invoice Amount',
'type' => 'raw',
'value' => '$data->invoice_amount',
),
array(
'name' => 'Status',
'type' => 'raw',
'value' => '$data->invoice_status',
),
),
));
?>
</div>
in my controller 在我的控制器中
on the baseview.php i send a request to the user controller to load invoice. 在baseview.php上,我向用户控制器发送请求以加载发票。 an the ajax return success with the data a populate the grid onto the invoice controller grid. ajax成功返回数据后,将网格填充到发票控制器网格中。
view/user/baseview.php 查看/用户/ baseview.php
$.ajax({
url:loadinvoice,
success: function(data) { $('#invoice_controller).html(data);}
});
usercontroller.php usercontroller.php
public function actionLoadinvoice() {
$this->renderPartial('listinvoices');
}
but in my div the grid gets populated by the ajax pagination is not working. 但是在我的div中,ajax分页无法填充网格。 when i click the next page the browser gets reloaded. 当我单击下一页时,浏览器将重新加载。 whats is the issue behind this. 这是什么背后的问题。 i think i need to bind the ajax pagination property in .bind() or .live(). 我认为我需要在.bind()或.live()中绑定ajax分页属性。 but how can i do that. 但是我该怎么做。
Hi if you want to update the grid view with ajax you should use $.fn.yiiGridView.update(id,options) function in javascript. 您好,如果您想使用Ajax更新网格视图,则应在javascript中使用$ .fn.yiiGridView.update(id,options)函数。 Id is the id of your gridview and options are just regular ajax options.See below for full signature id是您的gridview的id,options只是常规的ajax选项。请参见下面的完整签名
/**
* Performs an AJAX-based update of the grid view contents.
* @param string the ID of the grid view container
* @param map the AJAX request options (see jQuery.ajax API manual). By default,
* the URL to be requested is the one that generates the current content of the grid view.
*/
$.fn.yiiGridView.update = function(id, options) {
var settings = $.fn.yiiGridView.settings[id];
$('#'+id).addClass(settings.loadingClass);
options = $.extend({
type: 'GET',
url: $.fn.yiiGridView.getUrl(id),
success: function(data,status) {
$.each(settings.ajaxUpdate, function() {
$('#'+this).html($(data).find('#'+this));
});
if(settings.afterAjaxUpdate != undefined)
settings.afterAjaxUpdate(id, data);
$('#'+id).removeClass(settings.loadingClass);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#'+id).removeClass(settings.loadingClass);
alert(XMLHttpRequest.responseText);
}
}, options || {});
if(options.data!=undefined && options.type=='GET') {
options.url = $.param.querystring(options.url, options.data);
options.data = {};
}
options.url = $.param.querystring(options.url, settings.ajaxVar+'='+id)
if(settings.beforeAjaxUpdate != undefined)
settings.beforeAjaxUpdate(id);
$.ajax(options);
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.