Frame 框架

该文档不再维护,新版文档地址:form-create 文档

举例:
{
        type:"frame",
        title:"素材",
        field:"fodder",
        value:["http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg"],
        props:{
            type:"image",
            src:"iframe.html",
            maxLength:2,

        },
        validate:[
            {required:true, type: 'array', min: 2, message: '请选择2张图片', trigger: 'change'}
        ],
}
maker快速生成:
maker.frame('素材','fodder',["http://img1.touxiang.cn/uploads/20131030/30-075657_191.jpg"]).props({
        src:"iframe.html",
        maxLength:2,
        type:"image"
    }).validate([
        {required:true, type: 'array', min: 2, message: '请选择2张图片', trigger: 'change'}
])
基本规则 rule:
字段名 说明 字段类型 是否必填 默认值
type 元素类型 String true -
field 字段名称 String true -
title 字段别名 String true -
value value,当maxLength等与1时为字符串,其他时为数组 String,Array false -
props 元素配置 Object true -
event 元素事件 Object false -
validate 验证规则 Array false -

元素配置 props:
字段名 说明 字段类型 是否必填 默认值
type frame类型,有input(字符串),file(文件),image(图片) String false 'input'
src 框架的地址 String true -
maxLength value的最大数量 Number false -
icon 打开弹出框的按钮图标 String false 'folder'
height 弹出框高度 String false -
width 弹出框宽度 String false -
spin 是否显示加载动画 Boolean false true
title 弹出框标题 String false -
handleIcon 操作按钮的图标 ,设置为false将不显示,设置为true为默认的预览图标,类型为file时默认为false,image类型默认为true Boolean false -
allowRemove 是否可删除,设置为false是不显示删除按钮 Boolean false true

事件扩展 event:
事件名称 说明
change value改变时触发
open 打开弹出层回调
ok 点击确定时的回调
handle 点击操作按钮事件,默认为图片预览
remove 点击删除按钮事件,返回false将不删除
cancel 弹出框关闭是触发

results matching ""

    No results matching ""