mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 21:39:53 +08:00
65ac422ed6
* 补充容错 * fix: form 中 name 关联顶层数据初始化失效 * 更新 examples * 文档调整 * 删除多余的文档, 调整 schema * schema 调整 * schema 调整 * control 类型容器 control 改成 body * 修复一个选项加载的bug * form 注册直接用 type
146 lines
2.9 KiB
JavaScript
146 lines
2.9 KiB
JavaScript
export default {
|
|
title: '表格编辑',
|
|
body: {
|
|
type: 'form',
|
|
mode: 'horizontal',
|
|
api: '/api/mock2/form/saveForm?waitSeconds=2',
|
|
actions: [
|
|
{
|
|
type: 'submit',
|
|
label: '提交',
|
|
primary: true
|
|
}
|
|
],
|
|
body: [
|
|
{
|
|
type: 'combo',
|
|
name: 'colors',
|
|
label: 'Combo',
|
|
multiple: true,
|
|
draggable: true,
|
|
multiLine: true,
|
|
value: [
|
|
{
|
|
color: 'green',
|
|
name: '颜色'
|
|
}
|
|
],
|
|
items: [
|
|
{
|
|
type: 'input-color',
|
|
name: 'color',
|
|
clearable: false
|
|
},
|
|
{
|
|
type: 'input-text',
|
|
name: 'name',
|
|
placeholder: '说明文字'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'static',
|
|
label: '当前值',
|
|
tpl: '<pre>${colors|json}</pre>'
|
|
},
|
|
{
|
|
type: 'input-table',
|
|
name: 'colors',
|
|
label: 'Table',
|
|
draggable: true,
|
|
addable: true,
|
|
removable: true,
|
|
needConfirm: false,
|
|
columns: [
|
|
{
|
|
label: 'Color',
|
|
name: 'color',
|
|
type: 'input-color',
|
|
quickEdit: false
|
|
},
|
|
{
|
|
label: '说明文字',
|
|
name: 'name'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: 'control',
|
|
body: {
|
|
type: 'button',
|
|
label: 'Table2新增一行',
|
|
target: 'table2',
|
|
actionType: 'add'
|
|
}
|
|
},
|
|
{
|
|
type: 'input-table',
|
|
name: 'table2',
|
|
label: 'Table2',
|
|
editable: true,
|
|
addable: true,
|
|
removable: true,
|
|
draggable: true,
|
|
columns: [
|
|
{
|
|
name: 'a',
|
|
label: 'A'
|
|
},
|
|
{
|
|
name: 'b',
|
|
label: 'B',
|
|
quickEdit: {
|
|
type: 'select',
|
|
options: [
|
|
{
|
|
label: 'A',
|
|
value: 'a'
|
|
},
|
|
{
|
|
label: 'B',
|
|
value: 'b'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
{
|
|
type: 'input-table',
|
|
name: 'table3',
|
|
label: 'Table3(指定第2列只有update时能编辑)',
|
|
editable: true,
|
|
addable: true,
|
|
removable: true,
|
|
draggable: true,
|
|
columns: [
|
|
{
|
|
name: 'a',
|
|
label: 'A',
|
|
quickEdit: true
|
|
},
|
|
{
|
|
name: 'b',
|
|
label: 'B',
|
|
quickEdit: false,
|
|
quickEditOnUpdate: {
|
|
type: 'select',
|
|
options: [
|
|
{
|
|
label: 'A',
|
|
value: 'a'
|
|
},
|
|
{
|
|
label: 'B',
|
|
value: 'b'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
};
|