https://github.com/laravel-admin-extensions/select-tree

数据模型树 的 select 联动选择插件
https://github.com/laravel-admin-extensions/select-tree

laravel-admin

Last synced: about 1 month ago
JSON representation

数据模型树 的 select 联动选择插件

• Host: GitHub
• URL: https://github.com/laravel-admin-extensions/select-tree
• Owner: laravel-admin-extensions
• License: mit
• Created: 2019-04-15T03:22:49.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-04-15T03:53:45.000Z (over 5 years ago)
• Last Synced: 2024-11-02T19:34:18.278Z (about 1 month ago)
• Topics: laravel-admin
• Language: HTML
• Homepage:
• Size: 21.5 KB
• Stars: 9
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-laravel-admin - select-tree - 数据模型树 的 select 联动选择插件 (扩展包 / 字段类扩展包)

README

        
laravel-admin select-tree

======

[select-tree](https://github.com/zhpefe/select-tree) 是针对laravel-admin 数据模型树 的 select 联动选择插件, 可集成至表单中，或用于筛选。

单选效果

![单选效果](https://github.com/zhpefe/select-tree/raw/master/select-tree.png)

多选效果

![多选效果](https://github.com/zhpefe/select-tree/raw/master/multipleselect-tree.png)

### 安装

`composer require zhpefe/select-tree`

### 使用

```

$filter->selectTree(column, {label})->ajax(URL)->topId(1);

$form->selectTree(column, {label})->ajax(URL)->topId(1);

$form->multipleSelectTree(column, {label})->ajax(URL)->topId(1);

```

* 需要用ajax方法指定AJAX的地址，select的change触发后会GET此地址，并把当前选项的值通过参数q传递，

返回的数据结构为：

```$xslt

{

    "myself": {

        "id": 2,

        "parent_id": 1,

        "title": "xxx"        

    },

    "siblings": [

        {

            "id": 2,

            "parent_id": 1,

            "title": "xxx"

        },

        ...

    ],

    "children": [

        {

            "id": 8,

            "parent_id": 2,

            "title": "xxx",

        },

        ...

    ]

}

```

其中 myself 代表自身， siblings表示同级， children 为子类。

* topId() 方法为指定顶级ID，默认为0；