README

使用 jquery-treetable 插件实现的 Yii 2.0 树形表格行为。提供了一个类似 Gridview 的控件。

jquery-treetable - http://ludo.cubicphuse.nl/jquery-treetable/

安装

推荐通过 composer 安装此扩展。

运行

$ php composer.phar require slatiusa/yii2-treetable

或添加

"slatiusa/yii2-treetable": "*"

到您的 composer.json 文件的 require 部分。

使用方法

使用 slatiusa\treetable\Treetable 控件代替 Yii Gridview。以下示例将折叠表格中每个偶数行，使其位于上方奇数行的下方。

    <?= Treetable::widget([
        'dataProvider' => $dataProvider,
        'rowOptions' => function($model, $key, $index, $grid) {
            if ($index % 2) {
                return ['data-tt-id' => $index, 'data-tt-parent-id' => $index-1];
            } else {
                return ['data-tt-id' => $index];
            }
        },
        'treetableOptions' => ['expandable' => true, 'indent' => 0],    //Pass configuration options to $().treetable()
        'columns' => [
            ...
        ]
    ]); ?>

请阅读 treetable 的文档 (http://ludo.cubicphuse.nl/jquery-treetable/) 以了解如何使用 data-tt-id 和 data-tt-parent-id 确定嵌套。如上所示的 rowOptions 函数可以与您的数据模型一起使用，以实现您想要的嵌套。

提示

由于与 Bootstrap 布局冲突严重，因此不包括 treetable 的所有 CSS。包含了一个用于样式化展开/折叠 <a> 的图片的 CSS 示例。请查看与 jquery-treetable 一起提供的 CSS 以获取更多灵感。

slatiusa / yii2-treetable

维护者

详细信息

README

安装

使用方法

提示