1. 首页
  2. 表单 Form
  3. form-arrays 二维数组

表单 · form-arrays 二维数组

input[data-type="arrays"] 二维数组编辑(多列行),适合套餐 / 规格 / 明细录入。 data-name(必填)以英文冒号分隔各列键名;data-desc 为各列 placeholder 说明;data-value 给新增行默认值(冒号分隔)。首列(第一键)为空的行不入库;末行 focus 自动追加。value 存 JSON 数组。
本页内容 关键属性 二维数组

关键属性

属性说明
data-typearrays(必填)
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 · 返回首页