表单 · form-choose 选择器
input[data-type="choose"] 选择器：渲染“输入区 + 弹层取值”联动卡片。
点击卡片调 a.loadpage 弹出选值页（地址配 data-url，尺寸 data-width/data-height 缺省 100%）；弹层回传 {status:1,data} 时取 data.data 回填。配 data-contenturl 时，输入内容会实时 POST 到该地址并把返回 HTML 渲染进卡片（无地址则直接回显文本）。
表单家族
索引
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 | choose（必填） |
data-url | 弹层选值页地址，缺省点击无反应 |
data-title | 弹层标题，缺省“选择器” |
data-width / data-height | 弹层尺寸，缺省 100% |
data-contenturl | 输入联动内容地址，实时 POST {stream} 渲染返回 HTML |
基础选择
<div class="form-item">
<label class="label label-text pd-none">材质（点击弹层选择）</label>
<input type="hidden" data-type="choose" name="material" value="铝合金" data-url="dialogs/material.html" data-title="选择材质">
</div>
输入回显
<div class="form-item">
<label class="label label-text pd-none">商品搜索</label>
<input type="hidden" data-type="choose" name="goods" value="搜索关键词" data-contenturl="/api/choose/stream">
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页