javascript 中一个函数覆盖另一个函数 - yii2

我正在尝试从 gridview 中的生产模型以及sum(prodqty)当选择特定产品时在文本框中显示。 gridview 填充得很好。我可以看到sum(prodqty)javascript 警报一闪而过。但它没有传递到文本框。错误消息是 -uncaught exception: unknown (can't convert to string)再次，如果我注释掉 gridview 的代码，总和（prodqty）将显示在文本框中，但我没有得到 gridview。

我的控制器操作 -

public function actionIndex()
    {
        $catId = yii::$app->request->get('catId');
        $searchModel = new ProductionSearch();
        $dataProvider = $searchModel->search(Yii::$app->request->queryParams, $catId);
        $searchModel2 = new ProductsalesSearch();
        $dataProvider2 = $searchModel2->search(Yii::$app->request->queryParams, $catId);
        $model = new Productnames();
        return $this->render('index', [
            'searchModel' => $searchModel,
            'dataProvider' => $dataProvider,
            'searchModel2' => $searchModel2,
            'dataProvider2' => $dataProvider2,
            'model' => $model,
        ]);
    }
public function actionGetForProduction($catid)
    {
        $production = Production::find()->select('sum(prodqty) as totalproduction')->where(['productname'=>$catid])->asArray()->one();
        echo Json::encode($production);
    }

index.php 中的 JavaScript 代码 -

<?php
/* start getting the textboxes */
$script = <<< JS
$(function(){
    $('#catid').change(function(){   
        getIndexpage();
        getTotalproduction();
    });

    var catid = $(this).val();

    var getIndexpage = function(){        
        var catid = String($('#catid').val());
        window.location = 'index.php?r=productstockbook/production/index&catId='+catid;       

    } ;
    var getTotalproduction = function(){        
        var catid = String($('#catid').val());
        $.get('index.php?r=productstockbook/production/get-for-production',{ catid : catid }, function(data){
        alert(data);
        var data = $.parseJSON(data);
        $('#production').attr('value',data.totalproduction);
    });

    } ;
});


JS;
$this->registerJs($script);
/* end getting the textboxes */
?>

The error screenshot -

如果我注释掉 window.location 代码会发生什么 -代码 -

<?php
/* start getting the textboxes */
$script = <<< JS
$(function(){
    $('#catid').change(function(){   
        getIndexpage();
        getTotalproduction();
    });

    var catid = $(this).val();

    var getIndexpage = function(){        
        var catid = String($('#catid').val());
        //window.location = 'index.php?r=productstockbook/production/index&catId='+catid;       

    } ;
    var getTotalproduction = function(){        
        var catid = String($('#catid').val());
        $.get('index.php?r=productstockbook/production/get-for-production',{ catid : catid }, function(data){
        alert(data);
        var data = $.parseJSON(data);
        $('#production').attr('value',data.totalproduction);
    });

    } ;
});


JS;
$this->registerJs($script);
/* end getting the textboxes */
?>

Screenshot if I comment out window.location code -

我们可以看到警报仍然存在，但网格视图显然没有填充。

完整的控制器代码 -

<?php

namespace frontend\modules\productstockbook\controllers;

use Yii;
use frontend\modules\productstockbook\models\Production;
use frontend\modules\productstockbook\models\ProductionSearch;
use yii\web\Controller;
use yii\web\NotFoundHttpException;
use yii\filters\VerbFilter;
use frontend\modules\productstockbook\models\ProductsalesSearch;
use yii\helpers\Html;
use frontend\modules\productstockbook\models\Productnames;
use yii\helpers\Json;

/**
 * ProductionController implements the CRUD actions for Production model.
 */
class ProductionController extends Controller
{
    /**
     * @inheritdoc
     */
    public function behaviors()
    {
        return [
            'verbs' => [
                'class' => VerbFilter::className(),
                'actions' => [
                    'delete' => ['POST'],
                ],
            ],
        ];
    }

    /**
     * Lists all Production models.
     * @return mixed
     */
    public function actionIndex()
    {
        $catId = yii::$app->request->get('catId');
        $searchModel = new ProductionSearch();
        $dataProvider = $searchModel->search(Yii::$app->request->queryParams, $catId);
        $searchModel2 = new ProductsalesSearch();
        $dataProvider2 = $searchModel2->search(Yii::$app->request->queryParams, $catId);
        $model = new Productnames();
        return $this->render('index', [
            'searchModel' => $searchModel,
            'dataProvider' => $dataProvider,
            'searchModel2' => $searchModel2,
            'dataProvider2' => $dataProvider2,
            'model' => $model,
        ]);
    }

    /**
     * Displays a single Production model.
     * @param integer $id
     * @return mixed
     */
    public function actionView($id)
    {
        return $this->render('view', [
            'model' => $this->findModel($id),
        ]);
    }

    /**
     * Creates a new Production model.
     * If creation is successful, the browser will be redirected to the 'view' page.
     * @return mixed
     */
    public function actionCreate()
    {
        $model = new Production();

        if ($model->load(Yii::$app->request->post()) && $model->save()) {
            return $this->redirect(['view', 'id' => $model->productionid]);
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

    /**
     * Updates an existing Production model.
     * If update is successful, the browser will be redirected to the 'view' page.
     * @param integer $id
     * @return mixed
     */
    public function actionUpdate($id)
    {
        $model = $this->findModel($id);

        if ($model->load(Yii::$app->request->post()) && $model->save()) {
            return $this->redirect(['view', 'id' => $model->productionid]);
        } else {
            return $this->render('update', [
                'model' => $model,
            ]);
        }
    }

    /**
     * Deletes an existing Production model.
     * If deletion is successful, the browser will be redirected to the 'index' page.
     * @param integer $id
     * @return mixed
     */
    public function actionDelete($id)
    {
        $this->findModel($id)->delete();

        return $this->redirect(['index']);
    }

    /**
     * Finds the Production model based on its primary key value.
     * If the model is not found, a 404 HTTP exception will be thrown.
     * @param integer $id
     * @return Production the loaded model
     * @throws NotFoundHttpException if the model cannot be found
     */
    protected function findModel($id)
    {
        if (($model = Production::findOne($id)) !== null) {
            return $model;
        } else {
            throw new NotFoundHttpException('The requested page does not exist.');
        }
    }
    public function actionGetForProduction($catid)
    {
        $production = Production::find()->select('sum(prodqty) as totalproduction')->where(['productname'=>$catid])->asArray()->one();
        echo Json::encode($production);
    }

}

完整的index.php代码 -

<?php

use yii\helpers\Html;
use yii\grid\GridView;
use kartik\select2\Select2;
use yii\helpers\ArrayHelper;
use frontend\modules\productstockbook\models\Productnames;
use yii\helpers\Json;

/* @var $this yii\web\View */
/* @var $searchModel frontend\modules\productstockbook\models\ProductionSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Product Stock Book';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="production-index">

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

    <?php
        echo Select2::widget([
        'model' => $model,
        'attribute' => 'productnames_productname',
        'data' => ArrayHelper::map(Productnames::find()->all(),'productnames_productname','productnames_productname'),
        'options' => ['placeholder' => 'Select Product', 'id' => 'catid'],
        'pluginOptions' => [
            'allowClear' => true
        ],
        ]);
    ?>
    <div class="row-fluid">
        <div class="form-group">
            <div class="col-xs-4 col-sm-4 col-lg-4" >
                    <input type="text" class="form-control" id="production" readonly placeholder ="Production">                
            </div>
            <div class="col-xs-4 col-sm-4 col-lg-4" >
                    <input type="text" class="form-control" id="sell" readonly placeholder ="Sell">                
            </div>
            <div class="col-xs-4 col-sm-4 col-lg-4" >
                    <input type="text" class="form-control" id="stock" readonly placeholder ="Stock">                
            </div>
        </div>
    </div>
    <div class= 'col-md-6'>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            //'productionid',
            'productiondate',
            //'itemid',
            'productname',
            //'batchno',
            'prodqty',

            //['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>
</div>

<div class='col-md-6'>

    <?php
        echo GridView::widget([
        'dataProvider' => $dataProvider2,
        'filterModel' => $searchModel2,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'billdate',
            'productsales_partyname',
            'productname',
            'total',

        ], 
        ]); 
      ?>
  </div>
</div>


<?php
/* start getting the textboxes */
$script = <<< JS
$(function(){
    $('#catid').change(function(){   
        getIndexpage();
        getTotalproduction();
    });

    var catid = $(this).val();

    var getIndexpage = function(){        
        var catid = String($('#catid').val());
        //window.location = 'index.php?r=productstockbook/production/index&catId='+catid;       

    } ;
    var getTotalproduction = function(){        
        var catid = String($('#catid').val());
        $.get('index.php?r=productstockbook/production/get-for-production',{ catid : catid }, function(data){
        alert(data);
        var data = $.parseJSON(data);
        $('#production').attr('value',data.totalproduction);
    });

    } ;
});


JS;
$this->registerJs($script);
/* end getting the textboxes */
?>

Update -

我得到了之后window.location页面被重定向到新页面，新页面加载后的所有 javascript 代码都应写入新页面中。请让我知道如何在新文件中编写代码。由于此页面是动态加载的，我不太确定在哪里调用 javascript 函数。