yii2如何自动将数据从一个表格输入到另一个表格

Question

我有一个 MySQL table 和包含字段

的模型 resume

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

我还有另一个 table/model resumes 其中也包含

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

假设 resume table 已经填满了

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

当我在 resumes 表单中输入数据时，当我 select 'lao' 通过与 resume table 相关的下拉字段时，我想要相关的

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

要自动填写的字段。我 reference 但 'Error in ajax request'。 yii2如何自动将数据从一个表格输入到另一个表格如何修复错误或有什么建议？

我的 _form.php 'resumes' 看起来像这样

<?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
        ]);
    }

Answer 1

我的理解是你想要字段

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

针对保存在 Resume 模型中的 lao 匹配 Resumes 表单 lao 字段中的 dropdown()。

如果那是正确的，那么您首先需要使用 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 当您 select lao 下拉列表中的任何选项时。您应该在 Resume 模型中获取老挝语，而不是在 Resumes 模型中获取 id。

因此，请将您的操作替换为以下

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
    ]);
}

yii2如何自动将数据从一个表格输入到另一个表格

how to automatically enter data from form one to another form yii2

autofill

yii

yii2

yii2-advanced-app