Frame 框架

frame 框架打开的子页面要关闭时,需要通过调用父级页面的$f.closeModel(field)方法关闭

在线预览

maker 快速生成

$formCreate.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'}
])

json 规则

{
        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'}
        ],
}

参数说明

规则 rule
字段名 说明 字段类型 默认值
type 元素类型 String -
field 字段名称 String -
title 字段别名 String -
value value,当maxLength等与1时为字符串,其他时为数组 String,Array -
props 元素配置 Object -
event 元素事件 Object -
validate 验证规则 Array -
元素配置 props
字段名 说明 字段类型 默认值
type frame类型,有input(字符串),file(文件),image(图片) String 'input'
src 框架的地址 String -
maxLength value的最大数量 Number -
icon 打开弹出框的按钮图标 String 'folder'
height 弹出框高度 String -
width 弹出框宽度 String -
spin 是否显示加载动画 Boolean true
title 弹出框标题 String -
handleIcon 操作按钮的图标 ,设置为false将不显示,设置为true为默认的预览图标,类型为file时默认为false,image类型默认为true Boolean -
allowRemove 是否可删除,设置为false是不显示删除按钮 Boolean true
okBtnText 弹出框确定按钮文字 String 确定
closeBtnText 弹出框关闭按钮文字 String 关闭
modalTitle 图片预览弹出框标题文字 String 预览
事件扩展 event
事件名称 说明
change value改变时触发
open 打开弹出层回调
ok 点击确定时的回调
handle 点击操作按钮事件,默认为图片预览
remove 点击删除按钮事件,返回false将不删除
cancel 弹出框关闭时触发