https://github.com/quansitech/qscmf-builderitem-checkbox-text
checkbox+自定义文本组件
https://github.com/quansitech/qscmf-builderitem-checkbox-text
Last synced: 9 months ago
JSON representation
checkbox+自定义文本组件
- Host: GitHub
- URL: https://github.com/quansitech/qscmf-builderitem-checkbox-text
- Owner: quansitech
- License: mit
- Created: 2023-01-18T03:43:49.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T10:20:32.000Z (over 3 years ago)
- Last Synced: 2025-01-13T10:50:10.079Z (over 1 year ago)
- Language: JavaScript
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# qscmf-builderitem-checkbox-text
checkbox-text builder组件
#### 效果截图
#### 安装
```php
composer require quansitech/qscmf-builderitem-checkbox-text
```
#### 如何使用
+ FormType
```php
// title: 选项标题
// key: 选现对应的键值
// need_text 是否需要填写额外的文本项
$option = [
[
'title' => '网站开发',
'key' => 1,
],
[
'title' => '公众号运维',
'key' => 2,
],
[
'title' => '其他',
'key' => 3,
'need_text' => true,
]
];
->addFormItem("main_business", "checkbox_text", "主营业务", "", $option)
//注意：组件会自动构造好json格式的数据提交，直接存入对应的数据库字段即可
```
+ ColumnType
考虑展示内容可能会比较多，放listbuilder进行编辑并不优雅，暂时不支持editable模式
```php
$option = [
[
'title' => '网站开发',
'key' => 1,
],
[
'title' => '公众号运维',
'key' => 2,
],
[
'title' => '其他',
'key' => 3,
'need_text' => true,
]
];
->addTableColumn("main_business", "主营业务", "checkbox_text", $option)
```
#### 前端单独使用checkbox-text.js
用法参照asset/demo.html
name属性会自动赋予input hidden组件，用于form提交数据时用
option是组件展示配置，格式是json字符串，具体设置参照上面的$option说明
value是组件的默认值，格式是json字符串，参照builder存入数据库的格式，一般直接配置后端读取即可
class如果没有特殊的样式要求，可以使用qscmf-checkbox-text,否则可以自定义一个别的类名，但是需要自己写样式