Frame 框架

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

在线预览

Maker

  1. maker.frame('素材','fodder',["/uploads/20131030/30-075657_191.jpg"]).props({
  2.         src:"iframe.html",
  3.         maxLength:2,
  4.         type:"image"
  5.     }).validate([
  6.         {required:true, type: 'array', min: 2, message: '请选择2张图片', trigger: 'change'}
  7. ])

JSON

  1. {
  2.     type:"frame",
  3.     title:"素材",
  4.     field:"fodder",
  5.     value:["/uploads/20131030/30-075657_191.jpg"],
  6.     props:{
  7.         type:"image",
  8.         src:"iframe.html",
  9.         maxLength:2,
  11.     },
  12.     validate:[
  13.         {required:true, type: 'array', min: 2, message: '请选择2张图片', trigger: 'change'}
  14.     ],
  15. }

value: String | Number | Array

props

属性 说明 类型 默认值
type frame显示类型,有input(字符串),file(文件),image(图片) String input
src 框架页面的地址 String -
helper 开启框架页面内助手方法 Boolean false
disabled 禁用组件 Boolean false
icon 打开弹出框的按钮图标 String -
srcKey 当value为Array<Object>时需要定义 srcKey String -
width 弹出框宽度 String -
height 弹出框高度 String -
okBtnText 弹出框确定按钮文字 String ‘确定’
closeBtnText 弹出框关闭按钮文字 String ‘关闭’
modalTitle 图片预览弹出框标题文字 String ‘预览’
handleIcon 操作按钮的图标 ,设置为false将不显示,设置为true为默认的预览图标,类型为file时默认为false,image类型默认为true String \ Boolean -
title 弹出框标题 String -
modal 配置弹出框 props Object -
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,用于快速操作组件

  • close

    • 参数:

      • field 组件的 field

    • 说明: 关闭当前frame组件的弹出框

    • 示例:

      1. form_create_helper.close(field)

  • set

    • 参数:

      • field 组件的 field
      • value 组件的值

    • 说明: 修改当前frame组件的值

    • 示例:

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

  • get

    • 参数:

      • field 组件的 field

    • 说明: 获取当前frame组件的值

    • 示例:

      1. const value = form_create_helper.get(field)