amis/examples/components/Linkage/Form.jsx
2019-04-30 11:11:25 +08:00

68 lines
1.8 KiB
JavaScript

export default {
type: 'page',
title: '表单与表单之间的联动',
aside: {
type: 'form',
target: 'detailForm',
className: 'wrapper-sm', // 来点间隔
wrapWithPanel: false, // 不要用 panel 包裹了。
controls: [
{
type: 'text',
placeholder: '关键字',
name: 'keywords',
addOn: {
type: 'submit',
label: '搜索',
primary: true
}
},
'<span class="text-danger">请在此输入内容后点击搜索</sapn>'
]
},
body: {
name: 'detailForm',
type: 'form',
mode: 'horizontal',
title: '',
initApi: '/api/mock2/form/initData?keywords=${keywords}',
actions: [],
controls: [
'Form 模型除了用来提交数据外,还比较适合用来做详情数据的展示',
{
type: 'divider'
},
{
label: '名称',
type: 'static',
labelClassName: 'text-muted',
name: 'name'
},
{
label: '作者',
type: 'static',
labelClassName: 'text-muted',
name: 'author'
},
{
label: '输入信息',
type: 'static',
labelClassName: 'text-muted',
name: 'info'
},
{
label: '请求时间',
type: 'static-datetime',
labelClassName: 'text-muted',
format: 'YYYY-MM-DD HH:mm:ss',
name: 'date'
}
]
}
}