1. jQuery TreeGrid Extension for Yii 2
2. Installation
3. How to use
4. Resources

jQuery TreeGrid Extension for Yii 2 ¶

This is the jQuery TreeGrid extension for Yii 2. It encapsulates TreeGrid component in terms of Yii widgets, and thus makes using TreeGrid component in Yii applications extremely easy.

Installation ¶

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist leandrogehlen/yii2-treegrid "*"

or add

"leandrogehlen/yii2-treegrid": "*"

to the require section of your composer.json file.

How to use ¶

Model

use yii\db\ActiveRecord;

/**
 * @property string $description
 * @property integer $parent_id
 */
class Tree extends ActiveRecord 
{

    /**
     * @inheritdoc
     */
    public static function tableName()
    {
        return 'tree';
    }  
    
    /**
     * @inheritdoc
     */
    public function rules()
    {
        return [
            [['description'], 'required'],
            [['description'], 'string'],
            [['parent_id'], 'integer']
        ];
    }
}

Controller

use yii\web\Controller;
use Yii;
use yii\data\ActiveDataProvider;

class TreeController extends Controller
{

    /**
     * Lists all Tree models.
     * @return mixed
     */
    public function actionIndex()
    {
        $query = Tree::find();
        $dataProvider = new ActiveDataProvider([
            'query' => $query,
        ]);

        return $this->render('index', [
            'dataProvider' => $dataProvider
        ]);
    }
}

View

  use leandrogehlen\treegrid\TreeGrid;
  
  <?= TreeGrid::widget([
      'dataProvider' => $dataProvider,
      'keyColumnName' => 'id',
      'parentColumnName' => 'parent_id',
      'columns' => [
          'id',
          'description',
          ['class' => 'yii\grid\ActionColumn']
      ]        
  ]); ?>

Resources ¶

• GitHub