Yii2在GridView中添加/删除行 [英] Yii2 add/remove rows in GridView

问题描述

我正在使用GridView列出应用程序中的数据，但今天我意识到我需要对列表进行动态添加/删除行.我发现一些JavaScript可以做到这一点，但这不是很优雅.我用谷歌搜索了一个扩展或模块，例如Karje的GridView扩展，但是并没有那么多.您对这种任务使用什么?或者您认为最简单的方法是什么?

I am using GridView to list data in my application but today i realized that i need dynamicalli add/remove rows to/from this list. I found some javascript to do this but this is not very elegant. I googled for an extension or module like Karje's GridView extension but ther aren't that much. What do you use for this kind of task or what do you think what is the most simpliest way to make this?

我尝试了unclead/yii2-multiple-input软件包.太好了，但是我需要使用Html :: dopDownList元素来代替ActiveForm.它以某种方式使用吗?

I tried unclead/yii2-multiple-input package. It is so great but instead of ActiveForm I need to use Html::dopDownList elements. Is it a way somehow to use with it?

<tbody>
      <?= $form->field($megrendelt_r, 'termek_id')->widget(\unclead\widgets\MultipleInput::className(), [
           'limit' => 6,
      ]) ?>
      </tbody>

谢谢您的回答！

推荐答案

使用jQuery

    $(document).ready(function(e) {
       var $table = $('#gridViewId table tbody'); //gridViewId = your grid view 'id'

       var $rows = $table.find('tr');
       var rowNum = $rows.size(); 
       var columnsNum = $($rows[0]).find('td').size(); 

       for(var i = 0; i < rowNum; i++) {
           var $row = $($rows[i]);

           //add a row after
           $($row).after('<tr><td colspan='+ columnsNum +'>Lore Ipsum</td></tr>');
       }       
    });

这篇关于Yii2在GridView中添加/删除行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！