Frame 框架

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

在线预览

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 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
okBtnText 弹出框确定按钮文字 String false 确定
closeBtnText 弹出框关闭按钮文字 String false 关闭
modalTitle 图片预览弹出框标题文字 String false 预览
loadingText 弹出框内容加载时提示文字 String false 加载中...
事件扩展 event
事件名称 说明
change value改变时触发
open 打开弹出层回调
ok 点击确定时的回调
handle 点击操作按钮事件,默认为图片预览
remove 点击删除按钮事件,返回false将不删除
cancel 弹出框关闭时触发