要实现上述的动态表单，建议数据结构定义如下：

// 表单输入项的数据结构
var dataStructure = [{
    // 属性名称 （必须和后端定义的查询key一一对应）
    code: 'dq',
    // 字段的label （必须和需求文档的labe一一对应）
    label: '地区',
    // 页面输入的值 （必须,最终返回给后端定义值）
    value: '',
    // 数据类型  number, text,  date,   radio,   checkbox,  select, select-tree,  textarea
    //  number  对应 input  number
    //  text  对应 input  text
    //  date  对应 input  date
    //  radio  对应 radio
    //  checkbox  对应 checkbox
    //  select  对应 select
    //  select-tree  对应 select-tree
    //  textarea  对应 textarea
    type: 'text',
    // 是否是默认项
    default: true,
    // 组件对应的其他属性 (如： input text 的属性)
    options: {
        placehoder: '请输入查询条件',
        required: true,
        // 下拉框的数据值
        data: []
    },
    // 占多少列  （必须和后端定义的查询key一一对应）
    colspan: 1,
    // 是否是自定义
    define: false,
    // 扩展
    extend: {
        // 属性名称 （必须和后端定义的查询key一一对应）
        code: 'dq',
        // 字段的label （必须和需求文档的labe一一对应）
        label: '地区',
        // 页面输入的值 （必须,最终返回给后端定义值）
        value: '',
    }
}
]

« 上一篇： 分析问题的方法

nvm基础使用(node版本管理工具) ：下一篇 »