EasyUI API

EasyUI

来自DHTML精英俱乐部的简单易用功能强大的轻量级JavaScript Framework前端框架

原文：http://www.v-ec.com/easyui/

 

EasyUI的组成

EasyUI.js核心文件

可扩展的附加组件

EasyUI打包下载

EasyUI API

easyUI.fpbind()

自执行方法,为Function.prototype添加bind方法，用于提供保持对象作用域的事件方法的邦定

参数：无

返回值：无

easyUI.IAHTML()

自执行方法,为HTMLElement.prototype添加insertAdjacentHTML方法，用于为不支持insertAdjacentHTML方法的浏览器提供兼容

参数：无

返回值：无

easyUI.contains(node,childNode)

用于判断俩DOM节点是否存在包含与被包含的关系

参数：DOM元素A,DOM元素B

返回值：true|false

easyUI.getElementsBy(attribute,value,tagName,scopeDom)

在指定的DOM节点scopeDom下查找属性名称为attribute，属性值为value的，tagName为tagName的DOM元素

参数：attribute属性名称,属性值value,DOM元素tagName,指定要查找的DOM节点范围scopeDom

返回值：DOM Collection

easyUI.getPosition(domobj)

取元素坐标，如元素或其上层元素设置position relative，应该getPosition(子元素).y-getPosition(父元素).y

参数：DOM元素

返回值：{x:value,y:value}

easyUI.getTarget(event)

获取事件触发对象

参数：event

返回值：DOM元素

easyUI.setPosition(domobj,x,y)

为dom元素设置x坐标和y坐标

参数：DOM元素,x,y

返回值：

easyUI.getStyle(domobj,stylename)

获取元素当前样式

参数：domobj,stylename

返回值：cssStyle value

easyUI.stopEvent(event)

阻止事件冒泡和Event返回值

参数：event

返回值：

easyUI.ajax.post(sUrl,sArgs,bAsync,fCallBack,fFailure)

使用xmlhttp发送post请求

参数：sUrl 请求地址,sArgs 请求参数串,bAsync 是否异步,fCallBack 回调函数,fFailure 服务器错误处理函数

返回值：

easyUI.ajax.get(sUrl,bAsync,fCallBack,fFailure)

使用xmlhttp发送get请求

参数：sUrl 请求地址(包括请求参数),bAsync 是否异步,fCallBack 回调函数,fFailure 服务器错误处理函数

返回值：

easyUI.clearTxtNode(domobj)

清除DOM元素内的#text节点

参数：domobj

返回值：

easyUI.checkForm(form,fooWarningMsg)

验证form表单

为需要验证的输入项添加两个自定义属性作为判断的依据以及需要执行的验证

validate="这里输入验证方法，多种验证以分号隔开"

msg="这里输入验证不合格时提示的信息，与validate一一对应，如果信息数少于验证方法数量，则后面的验证不合格时将显示最后一条提示信息"

验证方法:

isFilled 必填

isNaN 如果填写，必须为非数字

isNumber 如果填写，必须为数字

isInt 如果填写，必须为整数

isEmail 如果填写，必须为Email格式

isEmailList 如果填写，必须为以分号;隔开的1个或多个Email格式

fileType(ext|ext|ext|...|ext) 如果填写，必须为指定扩展名ext列表内的文件类型

moreThan(N) 如果填写，必须为大于N的数

lessThan(N) 如果填写，必须为小于N的数

equalTo(N) 如果填写，必须为等于N的数

maxLength(N) 如果填写，最大长度不超过N

minLength(N) 如果填写，最小长度不小于N

详情请参见： easyValidate_demo.html

参数：form 表单,fooWarningMsg 提示警告信息函数，如果没有将直接alert出警告信息。

返回值：true|false

easyUI.maxwin()

最大化浏览器窗口

参数：

返回值：

easyUI.queue(list,delay)

函数执行队列

参数：list 函数队列数组,delay 每个函数运行后延迟时间

返回值：

easyUI.doWhileExist(sModuleId,oFunction)

指定的DOM节点存在才执行指定的函数

参数：sModuleId 指定的DOM节点ID,oFunction 要运行的函数,参数为前面指定的DOM节点

返回值：

基于EasyUI开发的可扩展附加组件

• dhATV.js(Ajax Treeview) 功能强大的可静态渲染列表或异步加载数据的前端JavaScript树 (dhATV演示)
• dhATV.js(Easy Calendar) 简单易用,可以自由配置的JavaScript日历 (EasyCalendar演示)
• dhATV.js(Easy Rich Text Editor) 轻量级富文本编辑器JavaScript Rich Editor (easyRT演示)
• Easy Validate 简单易用的JavaScript表单验证类
• MagicSwitch.js(Magic Switch tabStrip) 功能强大的多用途万能切换效果控件，可实现任何形式的TabStrip、AdShow、Slide等等切换效果 (MagicSwitch演示)

DHTML精英俱乐部web前端专家收集共享JavaScript,Css精华代码库 - Javascript and Css Code Library - JsLib