表单 · form-arrays 二维数组
input[data-type="arrays"] 二维数组编辑(多列行),适合套餐 / 规格 / 明细录入。
data-name(必填)以英文冒号分隔各列键名;data-desc 为各列 placeholder 说明;data-value 给新增行默认值(冒号分隔)。首列(第一键)为空的行不入库;末行 focus 自动追加。value 存 JSON 数组。
表单家族
索引
base
input
textarea
select
number
search
checkbox
radio
switch
choose
multipled
labels
inpselect
button
label
file
files
upload
video
image
images
imgurls
date
datetime
color
price
sms
sign
listing
json
arrays
infinite
location
latlng
editor
richtext
line
modifier
data
关键属性
| 属性 | 说明 |
|---|---|
data-type | arrays(必填) |
data-name | 列键名,冒号分隔(必填,缺失停止初始化) |
data-desc | 列 placeholder 说明,冒号分隔 |
data-value | 新增行默认值,冒号分隔 |
value | 已存 JSON 数组 |
二维数组
<div class="form-item">
<label class="label label-text pd-none">套餐明细</label>
<input type="hidden" data-type="arrays" name="items" data-name="name:num:price" data-desc="套餐名:数量:单价" data-value=":1:9.9" value='[{"name":"经典套餐","num":"2","price":"19.9"}]'>
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页