javascript - yii2 文本框中 gridview 列的总和

Question

我想在文本框中显示 gridview 列的总和。当页面加载时，总和应该传递到文本框。 我在我的index.php 文件中编写了以下JavaScript 代码。但没有得到总数。 JavaScript 代码可能不正确。请让我知道该怎么做 -

index.php-

<?php

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

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

$this->title = 'Sunglass Ledger';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="sellitemsg-index">

    <h1>Sunglass Ledger</h1>
    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>

    <div class= 'col-md-6'>
        <?= GridView::widget([
        'id' => 'purchasetable',
        'dataProvider' => $dataProvider2,
        'filterModel' => $searchModel2,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            //'poisg_id',
            [
             'attribute' => 'Date',
             'value' => 'posg.posg_date'
            ],
            'posg_invno',
            [
             'attribute' => 'Vendor',
             'value' => 'posg.posg_vname'
            ],

            //'poisg_sgname',
            'poisg_qty',

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

    <div class= 'col-md-6'>
    <?= GridView::widget([
        'id' => 'selltable',
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            //'ssgi_id',
            [
             'attribute' => 'Date',
             'value' => 'sellsg.ssg_date'
            ],
            'ssgi_invoiceno',
            [
             'attribute' => 'Customer',
             'value' => 'sellsg.ssg_customer'
            ],
            //'ssgi_sgname',
            //'ssgi_price',

            //['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>
</div>
</div>
<?php
/* start getting the textboxes */
$script = <<< JS
$(document).on('ready', function(e) {

        var purgrid = purchasetable.getElementsByTagName('poisg_qty');
        var total0 = 0;


        for (var i = 0; i < purgrid.length; i++) {

            var totp = purgrid[i].value
            total0 = parseInt(total0) + parseInt(totp);
        }

        // ^ This number takes (n+1)th column
        console.log('First table total value: ' + total0);

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

当前输出 -

Answer 1

也许你可以使用 gridView 的 showFooter

首先您可以使用 dataProvider 计算值

        $yourTotal =0;
        $numRow = 0;
        foreach ($dataProvider->models as $key => $value) {
            $yourTotal += $value['your_attribute'];
            $numRow++;
        }

然后在 GridView 中，您可以设置 showFooter => TRUE，并在您需要的列中添加页脚(最终添加页脚选项)

        echo GridView::widget([
        'dataProvider' => $dataProvider,
        ......
        'showFooter'=>TRUE,
        ..... 
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
            ......
            [   'attribute' => 'your_attribute',
                'label' => 'Your Lable',
                'footer' => $yourTotal,
                'footerOptions' => ['style' => 'text-align:right;'],        
            ],            
            ........

您可以使用 input 添加文本

<?= Html::textInput('your_name', $yourTotal , options[]); ?>

或者你可以添加一个简单的div

<div id='my_id'> <?=  $yourTotal ?> </div>