1. 功能

    提供在页面右下角固定位置打开 FloatMsg 的功能,该 FloatMsg 可以定制 title、iframe、article 等
    定制 iframe 的时候,需要配置 url 或 subsys、pageName、params、listener等属性
    定制 article 的时候,需要配置 divid,组件生成的时候会自动寻找页面中的div并将内容输出到FloatMsg
    FloatMsg 具有打开关闭等常用操作
    点击不再显示时,FloatMsg组件会记录该状态,下次将不再显示

  2. 参数

    参数名 参数类型 是否必须 默认值 描述
    name java.lang.String FloatMsg 组件的唯一标记
    title java.lang.String FloatMsg 标题
    divid java.lang.String FloatMsg 输出 div 时配置的 divid
    showDefaultButton java.lang.String 是否显示默认按钮
    subsys java.lang.String 系统编码
    url java.lang.String html 地址
    page java.lang.String 页面名称
    listener java.lang.String 监听方法
    params java.lang.String 访问 iframe 地址时需要传入的 URL 参数
    iframeWidth java.lang.String FloatMsg 中 iframe 的宽度
    iframeHeight java.lang.String FloatMsg 中 iframe 的高度
  3. 调用 API

    方法 $.floatmsg.get(id)
    说明 用于获取消息提示框组件的对象
    参数 id 组件的 id
    方法 $.floatmsg.get(id).setTitle(title)
    说明 设置 FloatMsg 标题
    参数 title FloatMsg 标题
    方法 $.floatmsg.get(id).hideDefaultButton()
    说明 隐藏 FloatMsg 默认按钮
    方法 $.floatmsg.get(id).showDefaultButton()
    说明 显示FloatMsg默认按钮
    方法 $.floatmsg.get(id).removeCustomButtons()
    说明 删除FloatMsg所有用户自定义按钮
    方法 $.floatmsg.get(id).addCustomButton(button)
    说明 添加FloatMsg用户自定义按钮
    参数 button 自定义按钮对象,属性有 text、onclick、className
    方法 $.floatmsg.get(id).setCustomButtons(buttons)
    说明 添加多个FloatMsg用户自定义按钮
    参数 buttons 自定义按钮对象数组,属性有 text、onclick、className
    方法 $.floatmsg.get(id).open()
    说明 打开 FloatMsg 提示框
    方法 $.floatmsg.get(id).close()
    说明 关闭 FloatMsg 提示框
    方法 $.floatmsg.get(id).setArticle(divId)
    说明 设置FloatMsg输出DIV内容
    参数 divId 需要输出到 FloatMsg 的 DIV 的 id
    方法 $.floatmsg.get(id).getArticle()
    说明 获取 FloatMsg 中 DIV 的内容
    方法 $.floatmsg.get(id).setPage(subsys, pageName, listener, params)
    说明 设置 FloatMsg 输出 Page 内容,Page 的内容在 iframe 中显示
    参数 subsys 系统编码
    pageName 页面名称
    listener 监听方法
    params 访问 iframe 地址时需要传入的 URL 参数
    方法 $.floatmsg.get(id).setUrl(url)
    说明 设置 FloatMsg 输出 HTML 内容,HTML 的内容在 iframe 中显示
    参数 url HTML 连接
    方法 $.floatmsg.get(id).setCustomData(data)
    说明 设置 FloatMsg 组件的用户自定义数据,用于 Ajax 提交到后台处理
    参数 data FloatMsg 组件的用户自定义数据
    方法 $.floatmsg.get(id).getCustomData()
    说明 FloatMsg 组件的用户自定义数据
  4. 示例

    1. HTML 代码

      <span jwcid="floatMsgName@FloatMsg" name="floatMsgName" title="4" divid="myDiv" showDefaultButton="true" subsys="demo" pageName="Customers" params="c=1" listener="queryCusomers" iframeWidth="680" iframeHeight="150" />
      <div id="myDiv">
      	订单开通数:6,728 个。
      	工单开通数:10,826 个。
      	成员开通数:5,259,617 个。
      </div>