JavaScript工具类

为方便使用，系统内置了部分函数，加速系统的开发。

内置函数默认绑定在全局变量 MS 上，有不同的模块。

基础

MS.ready

监听 JS 脚本加载完毕事件 (ready)

  1. MS.ready(function () {
  2.     // 页面加载完成
  3. });

弹窗 dialog

MS.dialog.loadingOn

页面遮罩显示

  1. MS.dialog.loadingOn([msg])
  • msg 显示文字，可选，默认为 Loading 图标

MS.dialog.loadingOff

页面遮罩关闭

  1. MS.dialog.loadingOff()

MS.dialog.tipSuccess

提示成功信息

  1. MS.dialog.tipSuccess(msg)
  • msg 提示文字

MS.dialog.tipError

提示错误信息

  1. MS.dialog.tipError(msg)
  • msg 提示文字

MS.dialog.alertSuccess

成功信息模态框

  1. MS.dialog.alertSuccess(msg)
  • msg 提示文字

MS.dialog.alertError

错误信息模态框

  1. MS.dialog.alertError(msg)
  • msg 提示文字

MS.dialog.confirm

确认信息框

  1. MS.dialog.confirm(msg, callback)
  • msg 提示文字
  • callback 回调函数

MS.dialog.dialogContent

弹出 HTML 内容

  1. MS.dialog.dialogContent(content)
  • content HTML内容

MS.dialog.dialog

弹出 URL 链接

  1. MS.dialog.dialog(url)
  • url 链接

接口 api

MS.api.post

发送 post 请求

  1. MS.api.post( url , param, callback )
  • url string 请求地址
  • param object 请求数据
  • callback 请求完成回调函数

发送请求实例

  1. MS.api.post( '/login' , {username:'aa',password:'bb'}, function(res){
  2.    // 请求完成
  3.    MS.api.defaultCallback(res,{
  4.      success:function(res){
  5.        // 请求成功 (res.code===0）才会进入这里，如果请求失败自动按照默认规则处理（弹窗、跳转等）
  6.      }
  7.    })
  9. })

工具 util

MS.util.loadScript

动态加载 script

  1. MS.util.loadScript(url, callback)
  • url js 链接
  • callback 加载完成回调函数

MS.util.loadStylesheet

动态加载 CSS

  1. MS.util.loadStylesheet(url, callback)
  • url CSS 链接
  • callback 加载完成回调函数

MS.util.md5

计算字符串MD5值

  1. MS.util.md5(str)
  • str 字符串

MS.util.randomString

生成随机字符串

  1. MS.util.randomString(len)
  • len随机 字符串长度

MS.util.urlencode

字符串URL编码

  1. MS.util.urlencode(str)
  • str

MS.util.specialchars

字符串HTML转义

  1. MS.util.specialchars(str)
  • str 字符串

MS.util.scrollTop

字符串HTML转义

  1. MS.util.scrollTop(target, container)
  • target 元素选择器
  • container 父容器选择器，为空表示整个页面

组件

富文本 editor

默认使用了UEditor作为富文本编辑

引入JS

  1. ModStart::js('asset/common/editor.js')

初始化富文本

  2. <script id="content" name="content" type="text/plain"><p>初始化HTML</p></script>
  3. <script>
  4.     // 全功能
  5.     MS.editor.basic('content');
  6.     // 精简
  7.     MS.editor.simple('content');
  8. </script>

弹窗选择器 selectorDialog

使用示例

  1. new MS.selectorDialog({
  2.     server: "<弹窗URL>",
  3.     callback: function (items) {
  4.         console.log("选择了", items);
  5.     }
  6. }).show();

在弹出的 Iframe 页面中需要通过以下方法来触发关闭并回调

  1. parent.__selectorDialogItems = items;
  2. parent.layer.closeAll();