امروز:سه شنبه ,۱۳۹۸/۰۴/۰۴
Download http://bigtheme.net/joomla Free Templates Joomla! 3
Home / Yii2 / Yii2 pjax gridview

Yii2 pjax gridview

Yii2 pjax gridview

به صورت پیش فرض هنگامی که در gridview در Yii2 مطلبی را جستجو می کنین در url شما با یک کوئری استرینگ طولانی مواجه می شوید

شکل زیر :
Capture2

خوب برای اینکه جستجوی شما در gridview به صورت ajax انجام شود همانند yii1 فریم ورک ویجتی با نام Pjax دارد که برای اینکار می توانید از آن استفاده کنید
برای استفاده شما باید این ویجت را در صفحه ای که gridview در آن استفاده شده است قرار دهید
نکته : gridview باید در داخل این ویجت باشد .

نکته : حتما باید ویجت پیجکس رو به این صوت صدا بزنین yii\widgets\Pjax
چه هنگامی که آن را شروع می کنید چه هنگامی که پایان می دهید .

 

<h2>

Yii2 pjax gridview

</h2>

 

\yii\widgets\Pjax::begin([
'enableReplaceState' => false,
'enablePushState'  => false,
]);
// echo $this->render('_search', ['model' => $searchModel]);
GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'title',
'title_persian',
['class' => 'yii\grid\ActionColumn'],
],
]);
\yii\widgets\Pjax::end();


در صورتی که از _search استفاده می کنید باید به این نکته توجه کنین که

echo $this->render('_search', ['model' => $searchModel]);

در داخل ویجت pjax باشد
در صورتی که پس از انجام کد بالا باز جستجو به صورت ajax انجام نشد
باید برای pjax یک container قرار دهید :

\yii\widgets\Pjax::begin([
'enableReplaceState' => false,
'enablePushState' => false,
'clientOptions' => [
'data-pjax-container' => 'buy_search',
]
]);

و در _search نیز data_pjax را برابر container پی جکس (pjax) قرار دهید

$form = ActiveForm::begin([
'action' =>['index'],
'method' => 'get',
'options' => [
'data-pjax' => '#buy_search'
],
]);

Yii2 pjax gridview

Check Also

DropDown for pageSize in GridView

DropDown for pageSize in GridView برای نمایش تعداد آیتمی که در Gridview  نمایش داده می …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *