Yii2: mise à Jour de la Grille-affichage à l'aide de Pjax

Suivant ce Wiki Yii 2.0: Pjax sur ActiveForm et GridView - Yii2

J'ai essayé d'utiliser mon gridview pour mettre à jour en Ajax, sans page-reload, mais ne réussissent pas.

code de mon _form.php

<?php

$this->registerJs(
   '$("document").ready(function(){ 
        $("#new_medicine").on("pjax:end", function() {
            $.pjax.reload({container:"#medicine"});  //Reload GridView
        });
    });'
);
?>


<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use kartik\grid\GridView;
//use yii\grid\Gridview;
use yii\data\ActiveDataProvider;

/* @var $this yii\web\View */
/* @var $model app\models\Medicine */
/* @var $form yii\widgets\ActiveForm */
?>
<!-- <div class="row">
    <div class="col-lg-6 col-lg-offset-3"> -->
<div class="medicine-form">
    <?php yii\widgets\Pjax::begin(['id' => 'new_medicine']) ?>

     <?php $form = ActiveForm::begin(['options' => ['data-pjax' => true ]]); ?>

    <?= $form->field($model, 'medicine_id')->textInput(['maxlength' => 10]) ?>

    <?= $form->field($model, 'medicine_name')->textInput(['maxlength' => 50]) ?>

    <div class="form-group">
        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
        <?= Html::submitButton($model->isNewRecord ? 'Save & New' : '',$option=['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary','name'=>'save_and_new']) ?>
    </div>

    <?php ActiveForm::end(); ?>
    <?php yii\widgets\Pjax::end() ?>

</div>

Code dans mon contrôleur

public function actionIndex()
    {
        $model = new Medicine();

        if ($model->load(Yii::$app->request->post()) && $model->save())
        {
            $model = new Medicine(); //reset model
        }
        $searchModel = new MedicineSearch();
        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

        return $this->render('index', [
            'searchModel' => $searchModel,
            'dataProvider' => $dataProvider,
            'model' => $model,
        ]);
    }

code index.php

<?php

use yii\helpers\Html;
use yii\grid\GridView;

/* @var $this yii\web\View */
/* @var $searchModel app\models\MedicineSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Medicines';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="medicine-index">

    <h1><?= Html::encode($this->title) ?></h1>
    <?php //echo $this->render('_search', ['model' => $searchModel]); ?>

    <p>
        <?= Html::a('Create Medicine', ['create'], ['class' => 'btn btn-success']) ?>
    </p>
<?php \yii\widgets\Pjax::begin(['id' => 'medicine']); ?>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'id',
            'medicine_id',
            'medicine_name',

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>
<?php \yii\widgets\Pjax::end(); ?>
</div>

Je pense que j'ai suivi ces instructions très attentivement, mais sûrement que je suis absent quelque chose comme les grille-vue n'est pas en montrant les nouveaux enregistrements ajoutés, sans page-reload.

Toute aide sera grandement appréciée.
Merci.

Êtes-vous sûr que l'ajax ne fonctionne pas? Je veux dire, avez-vous vérifier le firebug et vous ne voyez aucune requête ajax?
Salut Cher Ali, Oui ça ne fonctionne pas. seule différence du wiki est que je n'ai pas rendu le formulaire sur le index.php page. Je veux mettre à jour la grille-vue à partir de la _form.php. Si je suis le rendu de la forme sur le index.php ensuite, il est au travail, mais qui ne résout pas mon but.
Je suis l'ajout de données dans le _form.php lui-même et j'ai gardé l'index.php page ouvert dans autre onglet du navigateur. Je veux voir la mise à jour des données dans la page d'index(grille-vue) de la page. n'est-ce pas possible?
Salut Ali, un vrai but, je suis en train d'accomplir est que j'ai une médecine formulaire de demande et il y a une grille à vue en vertu de médecine magasin avec les mêmes données. La médecine magasin saura sans rafraîchir la page qu'il existe une médecine nouvelle demande.

OriginalL'auteur Pawan | 2015-01-05

essayer d'expliquer comment le faire comme un widget, c'est une solution générique, alors contactez-moi en cas de problèmes:

Contrôleur (@votre-alias/controllers/yourController):

...
public function actionManage($param=''){
    $model = new YourModel();

    if (Yii::$app->request->isPjax && $model->load(Yii::$app->request->post()) && $model->save())
    {
        $model = new YourModel(); //reset model
    }
    $model->paramId = $param;
    $queryParams = Yii::$app->request->getQueryParams();
    $queryParams['YourModelSearch']['param'] = $param;
    $searchModel = new YourModelSearch();
    $dataProvider = $searchModel->search($queryParams);

    return $this->renderAjax('@your-alias/widgets/views/index', [
        'searchModel' => $searchModel,
        'dataProvider' => $dataProvider,
        'model' => $model,
    ]);
}...

widgets (@votre-alias/widgets/) [formulaire, vue]:

_form:

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\widgets\Pjax;
/**
* @var yii\web\View $this
* @var yourModule/models/YourModel $model
* @var yii\widgets\ActiveForm $form
*/
?>
<?php
$js = <<<JS
//get the form id and set the event
$('form#{$model->formName()}').on('beforeSubmit', function(e) {
var \$form = $(this);
//do whatever here, see the parameter \$form? is a jQuery Element to your form
console.log(\$form);
console.log("MODEL CODE = " + $("#yourmodel-code").val());
}).on('submit', function(e){
e.preventDefault();
});
JS;
//$this->registerJs($js);
$this->registerJs(
'$("#new-your-model").on("pjax:end", function() {
commonLib.divAction("#div_new_model", "hide"); //hide form
$.pjax.reload({container:"#models"});  //Reload GridView
});', \yii\web\View::POS_READY
);
?>
<div class="model-form">
<?php Pjax::begin(['id' => 'new-model', 'timeout' => false, 'enablePushState' => false]) ?>
<?php $form = ActiveForm::begin([
'id' => $model->formName(),
//'method' => 'post',
'action' => ['/module/controller/manage?param='.$model->code],
'options' => ['data-pjax' => true ],
//'layout' => 'default',
]); ?>
<?= $form->field($model, 'code')->textInput(['maxlength' => 255]) ?>
...
<div class="form-group">
<?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
</div>
<?php ActiveForm::end(); ?>
<?php yii\widgets\Pjax::end() ?>
</div>

vue index (affichage de la grille):

use yii\helpers\Html;
use yii\grid\GridView;
use yii\widgets\Pjax;
/**
* @var yii\web\View $this
* @var yii\data\ActiveDataProvider $dataProvider
* @var yourModule\models\search\YourModelSearch $searchModel
*/
?>
<div class="model-index">
<!--h1><!--?= Html::encode($this->title) ?></h1-->
<?php //echo $this->render('_search', ['model' => $searchModel]); ?>
<p>
<?= Html::button(Yii::t('bp', 'Add ...'), [
'class' => 'btn btn-success',
'onclick'=>'js:commonLib.divAction("#div_new_model", "show")'
])?>
</p>
<div id="div_new_model" style="display:none">
<?= Html::button(Yii::t('common', 'Cancel'), [
'class' => 'btn btn-success',
'onclick'=>'js:commonLib.divAction("#div_new_model", "hide")'
])?>
<!-- Render create form -->
<?= $this->render('_formModel', [
'model' => $model,
]) ?>
</div>
<?php Pjax::begin(['id' => 'models', 'timeout' => false, 'enablePushState' => false]) ?>
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
...
['class' => 'yii\grid\ActionColumn'],
],
]); ?>
<?php Pjax::end() ?>
</div>

widget appel (en vue):

echo @your-alias\widgets\YourWidget::widget([
'param' => $model->param,]);

OriginalL'auteur Claudio Ferrari

1

$.pjax.reload('#my-grid-pjax' , {timeout : false});

OriginalL'auteur glyph

De mettre à jour GridView table sans rechargement de la page à l'aide de pjax:

use yii\grid\GridView;
use yii\widgets\Pjax;
Pjax::begin(['id' => 'todaysactivity', 'timeout' => false, 'enablePushState' => false])

Utiliser jQuery/JavaScript comme suit:

var url = baseurl + '/activity/logging'; //url where the gridview table need to update
$.pjax.reload({container: "#todaysactivity", url: url}); //refresh the grid

OriginalL'auteur Robin Thankachan Plavila

0

Je ne pouvais pas trouver une solution adaptée à la mise à jour de la grille-afficher le widget à l'aide de pjax.
Je l'ai résolu en utilisant une auto-actualisation de la méthode de la grille de la page d'affichage. Je comprends que ce n'est pas la meilleure solution et je suis toujours à la recherche d'une solution adaptée.

La méthode que j'ai utilisé, c'est comme cela:
```
<script>
function autoRefresh()
{
window.location.reload();
}
setInterval('autoRefresh()', 60000); //this will reload page after every 1 minute.
</script>
```
OriginalL'auteur Pawan
0

Ce que vous cherchez est
```
<script type="text/javascript">
$.pjax.defaults.timeout = false;
</script>
```
La valeur par défaut pjax paramètre de délai d'attente ne donne pas le temps de faire quelque chose afin de le recharger.

Référence

OriginalL'auteur Coz

Vous devez vous connecter pour publier un commentaire.