博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JqueryEasyUI教程入门篇
阅读量:7039 次
发布时间:2019-06-28

本文共 1585 字,大约阅读时间需要 5 分钟。

什么是jQueryEasyUI?

JqueryUI是一组基于jQuery的UI插件集合

学习jQueryEasyUI的条件?

必须掌握Jquery的基本语法知识

jQueryEasyUI的特点?

1、支持HTML5

2、支持拓展,可以根据自己的需要拓展控件

3、源代码加密,商业版付费

其他的同类型产品?

1、国产的DWZ插件

2、独立的ExtJs插件

一个简单的Demo?

通过一个简单的Demo来熟悉EasyUI

 

无标题文档

Basic Calendar

Click to select date.

 从上面的例子中可以看出使用EasyUI必须引入一些文件

<script type="text/javascript" src="easyui/jquery.min.js"></script>

//引入jquery核心库

<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

//引入jquery UI核心库

<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

//引入EasyUI中文提示信息

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />

//引入EasyUI核心UI文件CSS

<linke rel="stylesheet" type="text/css" href="easyui/thems/icon.css" />

//引入EasyUI图标文件

如果有自己的JS文件的话,那么要引入自己定义的JS文件

JqueryEasyUI中文API文档下载

加载UI组件的方法

1、使用class方式加载

命名的方法为easyui-方法名

无标题文档
内容部分

2、使用JS调用加载

先创建一个JS文件,命名为Demo.js

$(function(){    $("#box").dialog();})

创建一个HTML文件

无标题文档
内容部分

使用easyload.js文件智能加载

在网速较慢的情况下可以使用,但是不建议使用,而且语法会稍微有些不同,你的难度会提高了

 Parser解析器

Parser解析器是专门解析渲染各种UI组件

Parser属性

$.parser.auto=true 说明:定义是否自动解析EasyUI组件

$.parser.auto=false 关闭自动解析功能

这个方法不能在$(function(){})中存在

Parser方法

$.parser.parse 传参:空或者JQ选择器 说明:解析指定的UI组件

例如:

$.parser.parse() //解析全部的UI组件

$.parser.onComplete 传参:回调函数 说明:解析完毕后执行

onComplete的使用

$.parser.onComplete=function(){    alert('UI解析完毕');};

 

PS:使用指定UI解析,必须设置父类容器才可以解析到,也就是说必须有子类的存在 比如:

上面的弹窗效果应该这样设置

无标题文档
内容部分

 其他的一些基本的介绍详见:jQuery Easy UI  帮助手册

转载地址:http://jcxal.baihongyu.com/

你可能感兴趣的文章
你所不知道的setTimeout
查看>>
京信通信:数据智能为生产调试“增效瘦身”
查看>>
「实用教程」登录失败超过一定次数如何锁定帐号?
查看>>
java创建线程的三种方式
查看>>
ElasticSearch DSL Script使用案例分享
查看>>
你真的懂JavaScript计时器吗?
查看>>
CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:...
查看>>
游乌镇
查看>>
使用Akka持久化——持久化与快照
查看>>
springboot之RMI的使用
查看>>
【NLP】揭秘马尔可夫模型神秘面纱系列文章(三)
查看>>
openstack 云服务上创建的虚拟机,主机名修改
查看>>
css3 贝塞尔曲线cubic-bezier(x1, y1, x2, y2)
查看>>
远程连接docker daemon,Docker Remote API
查看>>
C语言dll文件的说明以及生成、使用方法
查看>>
【Web API系列教程】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(上)...
查看>>
java基础学习_面向对象(上)03_day08总结
查看>>
NG-ZORRO 7.3.1 发布,Ant Design 的 Angular 实现
查看>>
20180417PLSQL中sql语句格式化与注解问题
查看>>
Java 基础 之 while 循环
查看>>