Summe einer Gridview-Spalte in einem Textfeld in yii2

Question

Ich möchte die Summe einer Gridview-Spalte in einem Textfeld anzeigen. Wenn die Seite geladen wird, sollte die Summe in das Textfeld übertragen werden. Ich habe den folgenden JavaScript-Code in meine index.php-Datei geschrieben. Aber nicht die Summe bekommen. Der JavaScript-Code ist möglicherweise nicht korrekt. Bitte lassen Sie mich wissen, wie es zu tun -

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 */ 
?> 

Aktuelle Ausgangs -

Answer 1

sein Können Sie Showfooter für gridview

Firts können ca Sie können berechnen, der Wert mit dem DataProvider

Dann in Gridview können Sie einstellen, Showfooter => TRUE und in der Spalte müssen Sie Sie Fußzeile hinzufügen können (und schließlich footerOptions)

 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;'],   
      ],    
      ........ 

und Sie können Sie mit input

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

oder Sie Text hinzufügen kann ein einfaches div hinzufügen

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