搜索中心
搜索中心 搜索快照

前端开发 - 前端开发组件

弹窗功能

通过增加 data-dialog-request 可以快速创建一个弹窗( iframe 模式 )。

弹窗
  • data-dialog-request:弹窗请求地址
  • data-dialog-width:弹窗宽度
  • data-dialog-height:弹窗高度

在弹窗页面通过调用 parent.layer.closeAll() 可以关闭操作

具体实现方式可参考 源代码

Ajax请求

构造一个Ajax请求按钮,点击按钮时,会发送一个请求到接口。


    模拟发送一个请求

  • data-ajax-request:定义一个快速Ajax请求
  • data-ajax-request-loading:请求时显示 Loading
  • data-method :请求方式,默认为 post,可以显式定义为 getpost
  • data-confirm:弹出二次确认弹窗

具体实现方式可参考 源代码

Ajax表单

构造一个Ajax表单,在点击提交时,表单会以Ajax的方式请求到后台接口。


  
  提交

  • data-ajax-form:表示当前表单是一个Ajax请求表单

具体实现方式可参考 源代码

图片预览

构造一个图片预览,点击预览后会弹出图片预览大图。

预览

具体实现方式可参考 源代码

标签页打开链接

构造一个标签页打开的链接,点击后会在后台打开一个新的标签页。

在标签页中打开
  • data-tab-open:标记这个链接在标签页中打开
  • data-tab-title:定义标签页的标题

注意:该功能仅限在后台页面范围,页面渲染完成后,会自动调用 window._pageTabManager.updateTitleFromTab('标题') 更新标签页的标题

具体实现方式可参考 源代码

查看原文
QQ
微信
客服