ulthon_admin
欢迎
目录和文件规范
系统架构
命名规范
php-cs-fixer
public/static目录规范
app/common目录规范
数据库规范
CURD
命令行
表结构
数据库迁移代码
最佳实践
数据库自动缓存
权限的用法
table数据表格
cols
operat
_if
titleField
field
selectList
valueParser
trueHide
fieldFormat
templet
defaultValue
search相关
time
defaultSearchValue
defaultToolbar
init
formFullScreen
toobar
modifyReload
控制器
CURD方法
导出
控制器通用验证
dataBrage向js传递参数
form组件
select
下拉菜单option拼接
multiple-columns
editor
data-upload上传
tag-input标签输入
property-input动态字段输入
data-date时间控件参数
table-data列表选择器
city-picker城市选择器
copy-text
全局监听组件
data-request
data-open
内置定时器
重置密码
系统配置
PHP助手函数
sysconfig
JS助手函数
checkMobile
empty
open 弹框
叠加loading
getDataBrage
getQueryVariable
扩展机制
事件扩展
性能优化
精简代码
关闭数据库日志驱动
皮肤
正常
科幻
其他
切换模块时直接切换内容
关闭上传文件注入检测
代码编译原理
接入workerman和命令参数
升级TP6.1
Request的默认过滤
异步引入全局script
线上安装脚本
兼容PHP8.1
表格选择器,能够直接打开对应的列表表格选择数据,支持多选和单选。
使用curd命令时,如果是关联表或明确指定table
,则会使用本组件生成代码。
效果截图
会在表单中生成一个选择框,点击之后打开弹框,选择对应的数据。
打开的弹框页面就是实际的curd生成的页面,一般的定制开发不会影响表格选择器。
代码
<div class="layui-form-item">
<label class="layui-form-label">软件</label>
<div class="layui-input-block">
<div data-toggle="table-data"
data-index="{:__url('app.program/index')}"
data-readonly="1"
data-select-type="radio"
data-select-value="{$row.program_id|default=''}"
data-value-field="id"
data-name="program_id"
data-field-name="title"
data-type="input"
data-required="1">
</div>
</div>
</div>
参数
data-index
要打开的表格的页面,一般是curd生成的页面地址,建议使用__url
助手函数生成。
data-readonly
只读模式,不能选择和单选
data-select-type
选择器模式:
- 单选:
radio
- 多选:
checkbox
data-select-value
表单提交数据库的值,一般是要选择的数据的主键id。
这里提交的是program
表的主键ID,存储的字段名是program_id
data-select-value="{$row.program_id|default=''}"
data-value-field
打开的表格中,要选择的字段,如果不需要选择id,也可以选择title。
不过使用title时,可能再次打开弹框,会导致重名的title同样被过滤。
data-name
表单要提交的name,相当于input的name属性
data-field-name
匹配到数据后对应的名称,比如提交的id是1,这里会查询到1对应的记录的title字段。
data-required
是否必填
data-width
弹框宽度,默认自动获取
data-height
谭康高度,默认自动获取
data-placeholder
placeholder内容
data-type
输入框类型,支持:input,textarea
data-selectConfirmCallback
回调函数名,挂载到window上的一个函数,默认为:onTableDataConfirm
,请不要冲突,如果冲突可以自定义一个名称。
原文标题:table-data列表选择器
原文文档:ulthon_admin
原文地址:https://doc.ulthon.com/read/augushong/ulthon_admin/632d141dcc809/zh-cn/2.x.html
原文平台:奥宏文档
2.x