как автоматически вводить данные из одной формы в другую yii2 - PullRequest
Новая
       36

как автоматически вводить данные из одной формы в другую yii2

0 голосов
/ 02 мая 2019

У меня есть таблица MySQL и модель resume, которая содержит поля 

'resume_id', 'lao', 'persen', 'eom', 'tgt_perpetugas' and 'tgt_pergeseran'

У меня также есть другая таблица / модель resumes, которая также содержит 

'resumes_id', 'lao', 'persen', 'eom', 'tgt_perpetugas' and 'tgt_pergeseran'

Предположим, что таблица resume уже заполнена 

'resume_id', 'lao', 'persen', 'eom', 'tgt_perpetugas','tgt_pergeseran'

Когда я ввожу данные в форму resumes, когда я выбираю 'lao' через раскрывающееся поле, связанное с таблицей resume, я хочу, чтобы связанный

'persen', 'eom', 'tgt_perpetugas' and 'tgt_pergeseran'

поля для автозаполнения. моя ссылка но 'Ошибка в запросе ajax'. как автоматически вводить данные из одной формы в другую yii2 как исправить ошибку или есть рекомендации?

Мой _form.php для "резюме" выглядит так 

<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use kartik\select2\Select2;
use yii\helpers\ArrayHelper;
use app\models\Resume;

    $routeAjax = \yii\helpers\Url::toRoute("resume/resumes");

$js=<<<JS
function getRelatedFields(lao_id){
    $.ajax({
        url: '$routeAjax',
        dataType: 'json',
        method: 'GET',
        data: {id: lao_id},
        success: function (data, textStatus, jqXHR) {
             $('#resumes-persen').val(data.persen);
             $('#resumes-eom').val(data.eom);
             $('#resumes-tgt_perpetugas').val(data.tgt_perpetugas);
             $('#resumes-tgt_pergeseran').val(data.tgt_pergeseran);
        },
        beforeSend: function (xhr) {
            alert('loading!');
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log('An error occured!');
            alert('Error in ajax request'+textStatus'\n'+errorThrown);
        }
    });
}

JS;
$this->registerJs($js, \yii\web\View::POS_READY); 


?>

<div class="resumes-form">

    <?php $form = ActiveForm::begin(); ?>


    <?= $form->field($model, 'lao')->widget(Select2::classname(), [
    'data' => ArrayHelper::map(Resume::find()->all(),'lao','lao'),
    'language' => 'en',
    'options' => ['placeholder' => 'Pilih LAO'],
    'pluginOptions' => [
        'allowClear' => true
    ],
    'pluginEvents'=>[
        'select2:select' => 'function(e){getRelatedFields(e.params.data.id);}',
    ]
]); ?>

    <?= $form->field($model, 'persen')->textInput(['type' => 'number','maxlength' => true, 'readOnly'=>false])->label('Perpetugas %') ?>
    <?= $form->field($model, 'eom')->textInput(['maxlength' => true])->label('EOM') ?>

    <?= $form->field($model, 'tgt_perpetugas')->textInput(['maxlength' => true, 'readOnly'=>true])->label('Target Perpetugas') ?>

    <?= $form->field($model, 'tgt_pergeseran')->textInput(['maxlength' => true, 'readOnly'=>true])->label('Target Pergeseran') ?>

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

    <?php ActiveForm::end(); ?>

</div>

И в ResumesController я добавил. это: 

public function actionResumes($id){
    // you may need to check whether the entered ID is valid or not
    $model =  \app\models\Resume::findOne(['lao'=>$id]);
    return \yii\helpers\Json::encode([
            'eom'=>$model->eom,
            'persen'=>$model->persen,
            'tgt_pergeseran'=>$model->tgt_pergeseran,
            'tgt_perpetugas'=>$model->tgt_perpetugas
        ]);
    }

1 Ответ

0 голосов
/ 03 мая 2019

Я понимаю, что вы хотите, чтобы поля

'persen', 'eom', 'tgt_perpetugas', 'tgt_pergeseran'

против lao, сохраненного в модели Resume, соответствующей выпадающему меню () в поле Resumes form lao.

Если это так, то сначала вам нужно использовать Select2 событие select2:select, а не традиционное onchange событие. Внесите несколько изменений в Select2 и скрипт в верхней части представления.

Замените ваш select2 следующим 

<?= $form->field($model, 'lao')->widget(Select2::classname(), [
    'data' => ArrayHelper::map(Lao::find()->all(),'lao_id','lao_id'),
    'language' => 'en',
    'options' => ['placeholder' => 'Pilih LAO'],
    'pluginOptions' => [
        'allowClear' => true
    ],
    'pluginEvents'=>[
        'select2:select' => 'function(e){getRelatedFields(e.params.data.id);}',
    ]
]); ?>

Заменить скрипт в верхней части представления следующим 

$routeAjax = \yii\helpers\Url::toRoute("resume/resumes");

$js=<<<JS
function getRelatedFields(lao_id){
    $.ajax({
        url: '$routeAjax',
        dataType: 'json',
        method: 'GET',
        data: {id: lao_id},
        success: function (data, textStatus, jqXHR) {
             $('#resumes-persen').val(data.persen);
             $('#resumes-eom').val(data.eom);
             $('#resumes-tgt_perpetugas').val(data.tgt_perpetugas);
             $('#resumes-tgt_pergeseran').val(data.tgt_pergeseran);
        },
        beforeSend: function (xhr) {
            alert('loading!');
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log('An error occured!');
            alert('Error in ajax request'+textStatus'\n'+errorThrown);
        }
    });
}

JS;
$this->registerJs($js, \yii\web\View::POS_READY);

Затем необходимо заполнить аналогичные поля от модели Resume до Resumes ActiveForm при выборе любого параметра в раскрывающемся списке lao. Вы должны получить lao в модели Resume, а не id в модели Resumes.

Поэтому замените ваше действие на следующее 

public function actionResumes($id)
{
    // you may need to check whether the entered ID is valid or not
    $model = \app\models\Resume::findOne(['lao' => $id]);
    return \yii\helpers\Json::encode([
        'eom' => $model->eom,
        'persen' => $model->persen,
        'tgt_pergeseran' => $model->tgt_pergeseran,
        'tgt_perpetugas' => $model->tgt_perpetugas
    ]);
}
...