Frame 框架

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

在线预览

规则

{
    type:"frame",
    title:"素材",
    field:"fodder",
    value:["/uploads/20131030/30-075657_191.jpg?4"],
    props:{
        type:"image",
        src:"iframe.html",
        maxLength:2,


},
    validate:[
        {required:true, type: 'array', min: 2, message: '请选择2张图片', trigger: 'change'}
    ],
}

{
    type:"frame",
    title:"素材",
    field:"fodder",
    value:["/uploads/20131030/30-075657_191.jpg?4"],
    props:{
        type:"image",
        src:"iframe.html",
        maxLength:2,


},
    validate:[
        {required:true, type: 'array', min: 2, message: '请选择2张图片', trigger: 'change'}
    ],
}

value: String | Number | Array

props

属性	说明	类型	默认值
type	frame显示类型,有input(字符串),file(文件),image(图片)	`String`	input
src	框架页面的地址	`String`	-
helper	开启框架页面内助手方法	`Boolean`	false
disabled	禁用组件	`Boolean`	false
icon	打开弹出框的按钮图标	`String`	-
srcKey	当`value`为`Object[]`时需要定义 srcKey	`String`	-
width	弹出框宽度	`String`	-
height	弹出框高度	`String`	-
maxLength	最大选择数量	`Number`	'-'
okBtnText	弹出框确定按钮文字	`String`	'确定'
closeBtnText	弹出框关闭按钮文字	`String`	'关闭'
modalTitle	图片预览弹出框标题文字	`String`	'预览'
handleIcon	操作按钮的图标 ,设置为false将不显示,设置为true为默认的预览图标,类型为file时默认为false,image类型默认为true	`String \| Boolean`	-
title	弹出框标题	`String`	-
modal	配置弹出框 props	`Object`	-
okBtn	是否显示确认按钮	`Boolean`	-
closeBtn	是否显示关闭按钮	`Boolean`	-
allowRemove	是否可删除,设置为false是不显示删除按钮,type等于 image 或者 file 时有效	`Boolean`	true
onChange	value改变时触发	`Function`	-
onOpen	打开弹出层回调	`Function`	-
onOk	点击确定时的回调,返回false将不关闭弹窗	`Function`	-
onHandle	点击操作按钮事件,默认为图片预览	`Function`	-
onBeforeRemove	点击删除按钮删除前事件,返回false将不删除	`Function`	-
onRemove	点击删除按钮事件	`Function`	-
onCancel	弹出框关闭时触发,返回false将不关闭弹窗	`Function`	-

helper

开启助手方法后框架页面会增加全局变量form_create_helper,用于快速操作组件

api

说明: 获取表单的 api
示例:

form_create_helper.api.formData()

form_create_helper.api.formData()

close

参数:
- field 组件的 field
说明: 关闭当前frame组件的弹出框
示例:

form_create_helper.close(field)

form_create_helper.close(field)

get

参数:
- field 组件的 field
说明: 获取当前frame组件的值
示例:

const value = form_create_helper.get(field)

const value = form_create_helper.get(field)

set

参数:
- field 组件的 field
- value 组件的值
说明: 修改当前frame组件的值
示例:

form_create_helper.set(field,[1,2,3])

form_create_helper.set(field,[1,2,3])

onOk

参数:
- callback 回调
说明: 点击确定按钮时触发
示例:

form_create_helper.onOk(()=>{
    //todo
})

form_create_helper.onOk(()=>{
    //todo
})

onClose

参数:
- callback 回调
说明: 点击关闭按钮时触发
示例:

form_create_helper.onClose(()=>{
    //todo
})

form_create_helper.onClose(()=>{
    //todo
})

Frame 框架 ​

规则 ​

props ​

helper ​

Frame 框架

规则

props

helper