グリッドビューの更新、並べ替え、ページングでエラーが発生しました。グリッドは、ページの読み込み時に AJAX を介して正常に読み込まれます。しかし、広告をクリックして行を並べ替えるか、ページネーション ボタンをクリックすると、次のようなエラーが表示されます。
Uncaught TypeError: Object [object Object] has no method 'popover'
jQuery.yiiGridView.afterAjaxUpdate
$.extend.success
fire
self.fireWith
done
callback
そしてFirebugで私は得ています:
TypeError: jQuery(...).popover is not a function
[このエラーでブレーク]
jQuery('[data-toggle=popover]').popover();
これは、次のコードを指しています。
/*<![CDATA[*/
jQuery('#yw0').yiiGridView({'ajaxUpdate':['yw0'],'ajaxVar':'ajax','pagerClass':'pagination','loadingClass':'grid-view-loading','filterClass':'filters','tableClass':'tablehead table table-paper table-condensed table-striped table-sortable table','selectableRows':1,'enableHistory':false,'updateSelector':'{page}, {sort}','filterSelector':'{filter}','pageVar':'RealTime_page','afterAjaxUpdate':function() {
jQuery('.popover').remove();
jQuery('[data-toggle=popover]').popover();
jQuery('.tooltip').remove();
jQuery('[data-toggle=tooltip]').tooltip();
}});
/*]]>*/
bootstrap.tooltip.js と bootstrap.popover.js を追加して問題を解決しようとしましたが、それでも同じエラーが発生します。
すべてのスクリプトが含まれている部分は次のとおりです。
<!-- start: JavaScript-->
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery-1.10.2.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery-migrate-1.0.0.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/bootstrap.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/bootstrap-tooltip.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/bootstrap-popover.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery-ui-1.10.0.custom.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.ui.touch-punch.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.cookie.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/fullcalendar.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.dataTables.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/excanvas.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.flot.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.flot.pie.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.flot.stack.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.flot.resize.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.chosen.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.uniform.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.cleditor.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.noty.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.elfinder.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.raty.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.iphone.toggle.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.uploadify-3.1.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.gritter.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.imagesloaded.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.masonry.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.knob.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/jquery.sparkline.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl;?>/js/custom.js"></script>
<script src="<?php echo Yii::app()->assetManager->baseUrl; ?>/28e7347b/jquery.ba-bbq.js"></script>
<script src="<?php echo Yii::app()->assetManager->baseUrl; ?>/28e7347b/jquery.ajaxqueue.js"></script>
<script src="<?php echo Yii::app()->assetManager->baseUrl; ?>/dd5f9a70/gridview/jquery.yiigridview.js"></script>
</body>
ビューをレンダリングしているコントローラーは次のとおりです。
public function actionUpdateProductData() {
Yii::import('application.components.DataScraper.*');
require_once('GetProductData.php');
$productRealTime = RealTime::model()->findAll();
if (isset($_GET['RealTime'])) {
$productRealTime->attributes = $_GET['RealTime'];
}
if (count($productRealTime->model()->findAll()) === 0) {
$symbolData = new GetProductData();
$symbolData->getAmazonProductData();
} else {
echo CJSON::encode( array(
'status' => 'OK',
'div' => $this->renderPartial('_productDataGrid', array(
'model' => $productRealTime),
true, true ),
));
}
}
ビュー _productDataGrid.php は次のとおりです。
<?php
$this->widget('bootstrap.widgets.TbGridView', array(
'id' => 'real-time-grid',
'dataProvider' => $model->search(),
'filter' => $model,
'columns' => array(
'id',
'name',
'category',
'price'
'rating'
),
));
?>
ここにindex.phpがあります:
<div>
<hr>
<ul class="breadcrumb">
<li>
<a href="#">Home</a> <span class="divider">/</span>
</li>
<li>
<a href="#">Stock Info</a>
</li>
</ul>
<hr>
baseUrl; $cs = Yii::app()->getClientScript(); $cs->registerScriptFile($baseUrl . '/js/ajaxProductDataUpdate.js', CClientScript::POS_END); ?>
最後に ajaxProductDataUpdate.js です
var productParameters = {
ajaxUpdate: function() {
$.ajax({
url: "/ProductAnalysis/index.php/realTime/updateProductData",
type: "GET",
dataType:"json",
error: function(xhr, tStatus, e) {
if (!xhr) {
alert(" We have an error ");
alert(tStatus + " " + e.message);
} else {
alert("else: " + e.message); // the great unknown
}
},
success: function(data) {
$.fn.yiiGridView.update('real-time-grid', {
data: $(this).serialize()
});
}
});
}
};
$(document).ready(function() {
productParameters.ajaxUpdate();
});
エラーを修正するために何をすべきかわかりません。そして、私の場合、gridviewをひどく使用する必要があります...エラーを修正する方法について何か助けを提供してください。
ありがとう、
マックス