https://github.com/quansitech/qscmf-antd-tag
antd-tag 扩展组件
https://github.com/quansitech/qscmf-antd-tag
Last synced: about 1 month ago
JSON representation
antd-tag 扩展组件
- Host: GitHub
- URL: https://github.com/quansitech/qscmf-antd-tag
- Owner: quansitech
- License: mit
- Created: 2020-05-13T02:52:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-02T08:16:14.000Z (about 6 years ago)
- Last Synced: 2026-03-13T20:43:44.717Z (3 months ago)
- Language: JavaScript
- Size: 231 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# qscmf-antd-tag
antd tag 列表、表单组件
#### 安装
```php
composer require quansitech/qscmf-antd-tag
```
#### 截图
列表组件
表单组件
#### 用法
+ 组件基础
组件默认带hidden的input元素，input元素存着tag id序列，用逗号分隔。当使用列表保存或者表单提交，都会将这个隐藏input的数据提交到后端处理。
如果新增tag，tag id默认格式为 @ + tag名称， 如新增 test1，那么tag.id=@test1。 因此做业务处理时可判断有无@前缀来辨别是否新增的数据
+ 列表组件
```php
foreach($data_list as &$data){
$ents = [
[
'openid' => 'openid1',
'nickname' => '昵称1'
],
[
'openid' => 'openid2',
'nickname' => '昵称2'
]
];
$data['person'] = collect($ents)->map(function($item){
return [
'id' => $item['openid'],
'text' => $item['nickname'],
'deletable' => true, //是否可删除 默认为false 可省略
'editable' => false //是否可修改 默认为false 可省略
];
})->all();
}
$builder = new ListBuilder();
.
.
.
$builder->addTableColumn('person', '已绑定', 'antd_tags', ['createTag' => false, 'createTagBtnText' => '添加'])
//createTag 是否可新增tag 默认为false 可省略
//createTagBtnText 新增按钮的文字提示 默认为 New Tag， 只有当createTag为true时才有效
->setTableDataList($data_list)
```
可配合listBuilder的保存功能，直接在表单去增删改tag，显著提高操作效率。
+ 表单组件
```php
$info['person'] = [
[
'id' => 1,
'text' => '测试1',
'deletable' => true, //是否可删除 默认为false 可省略
'editable' => true //是否可修改 默认为false 可省略
],
[
'id' => 2,
'text' => '测试2',
'deletable' => true,
'editable' => true
]
];
$builder = new FormBuilder();
$builder->addFormItem('person', 'antd_tags', '绑定用户', '', ['createTag' => true])
//createTag 是否可新增tag 默认为false 可省略
//createTagBtnText 新增按钮的文字提示 默认为 New Tag， 只有当createTag为true时才有效
->setFormData($info);
```