order: 8 group: order: 3 title: 高级用法
toc: content
展示的最佳实践
displayType
- 类型:’row’ | ‘column’ | ‘inline’
- 默认值: ‘column’
- 说明:用于控制标签的位置。没有特殊情况,一般建议使用默认的 display: column。注意
displayType
既是 props,又是 schema 的字段,可以
import React from 'react';
import Form from '../demo/display';
const schema = displayType => ({
type: 'object',
displayType: displayType,
properties: {
range1: {
title: '日期',
type: 'range',
format: 'date',
},
objectName: {
title: '对象',
bind: 'obj',
description: '这是一个对象类型',
type: 'object',
collapsed: false,
properties: {
input1: {
title: '简单输入框',
type: 'string',
required: true,
},
select1: {
title: '单选',
type: 'string',
enum: ['a', 'b', 'c'],
enumNames: ['早', '中', '晚'],
},
},
},
},
});
export default () => (
<div>
<h2>display: row</h2>
<Form schema={schema('row')} />
<h2>display: column</h2>
<Form schema={schema('column')} />
</div>
);
readOnly
新增了只读模式,在 \