预设弹窗

弹窗效果需要配合button组件,button要设定dialog_id,具体参考按钮

  • preloader新增model: expanded,其余设置不变,可实现表格展开,具体配置参考带展开的表格

  • 弹窗如果配置了request,则参数需要通过唤起弹窗的按钮传过来,并且在request中接收

弹窗效果预览

yml配置

preloader:
  dialog_valid:
    model: dialog
    show: false
    title: '核销信息'
    request: 
      model: ajax
      url: '/platform/user/get_verification'
      method: 'POST'
      params: {uid: '{%id%}',qq: '{%user.qq%}'}
    height: small
    width: large
    async: true
    body: 
      detail: # 此处可为detail, data_table, form
        content: 
          ... ...
    buttons:
      - model: button
        type: submit
        content: 确定
        class_name: btn-info
        url: '/platform/user/submit_verification'
        params:
          did: '{%id%}'
          code: '{%user_name%}'
          currentStep: '{%wau.data.currentStep%}'
          endYear: '{%wau.data.endYear%}'
      - model: button
        content: 取消
        type: dismiss

字段说明

preloader.dialog_valid dialog_valid弹窗为id,自定义

preloader

字段 类型 含义 默认值
model dialog 类型 -
show Boolean 弹窗显示默认值false false
title String 弹窗名称 -
request Object 请求配置 -
height String 高度 可配置small middle large middle
width String 宽度 可配置small middle large middle
async Boolean 是否异步 true
body Object 弹窗内容,配置参考对应的表格、表单和详情页 -
buttons Array 按钮集合,见按钮配置 -

preloader.request 数据请求配置

字段 类型 含义 默认值
model ajax 请求类型,目前为ajax -
url String 请求路径 false
method String 请求方式为POST POST
params Object 请求参数 -

yml自定义内容配置

preloader:
  delete:
    model: dialog
    title: '系统提示'
    show: false
    body: 
      engine: 'html'
      template: '是否要删除{%user_name%}这个QQ用户吗?'
    buttons:
      - model: button
        content: 确定
        class_name: btn-info
        type: ajax
        url: '/platform/user/submit_verification'
        params:
          id: '{%id%}'
          user_name: '{%user_name%}'
      - model: button
        content: 取消
        type: dismiss

preloader.body

此处为自定义配置说明,其它配置参考表格表单详情页

字段 类型 含义 默认值
engine String 渲染模版,此处支持html html
template String 模版内容,可以为html代码 -

results matching ""

    No results matching ""