位置: 编程技术 - 正文

JQuery EasyUI的使用(jquery easy ui)

编辑:rootadmin

推荐整理分享JQuery EasyUI的使用(jquery easy ui),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery-easyui-1.3.3,jquery easyui有哪些特点,jqueryui easyui,jquery-easyui-1.3.3,js easyui,jqueryui easyui,jquery easyui有哪些特点,jquery easyui 教程,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。

EasyUI 简介

easyui是一种基于jQuery的用户界面插件集合。

easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。

本文重点了解 EasyUI 的两种使用方法,包含不同的加载已经 easyload 智能按需加载。最后了解一下 Parser 解析器的用法。

注意:所有的代码将在文章的最后页统一引入

一. 引入必要的文件

由于刚刚更新了 jQuery EasyUI1.4.4,这个小微版本的更新主要是内部优化和 UI 的一些微调,本身不影响学习。之前我们采用 1.2.4 版本的中文手册学习 1.3.5 都没有什么障碍,所以,不必担心版本问题。

我们在整个文章中JQuery EasyUI的目录结构都如下图所示

easyui文件夹是保存JQuery EasyUI的所有要使用的文件

JQuery EasyUI的使用(jquery easy ui)

JS文件夹是保存我们自己的JS文件的

index.html是保存我们自己书写的html代码

PS:引入完毕后,我们就可以编写 jQuery EasyUI 代码了。

二、加载 UI 组件的方式

加载 UI 组件有两种方式:1.使用 class 方式加载;2.使用 JS 调用加载。

PS:使用了规定的格式就可以生成一个 UI 组件,这是由于 jQuery EasyUI 的一个解析器(Parser)的起到了作用。解析之后,从 Firebug 里面可以看到 UI 组件变化后的 HTML。

PS:一般推荐使用第二种 JS 调用加载,因为一个 UI 组件有很多属性和方法,如果使用 class 的用法将极大的不方便。并且根据 JS 和 HTML 分离的原则,第二种提高了代码的可读性。

三. 使用 easyload.js 智能加载

PS:使用 easyloader 智能加载,是根据你使用的 UI 组件按需加载。我们可以通过Firebug 查看 HTML, 发现加载了非常多的 js 文件, 这些 js 都是 dialog 组件的必须条件。所以,使用 easyloader 加载会减少不必要的内容加载。但问题是,使用智能加载,你编码的难度和成本都提高了,效率降低,并且智能加载的 js 文件数量还是非常多的,并不会提高太大的速度,反而因为 js 文件较多,被搜索引擎要求合并优化。

四、Parser 解析器

Parser 解析器是专门解析渲染各种 UI 组件了,一般来说,我们并不需要使用它即可自动完成 UI 组件的解析工作。当然,有时可能在某些环境下需要手动解析的情况。手动解析一般是使用 class 的情况下有效,比如设置 class="easyui-dialog"。

Parser 属性

属性名 默认值 说明

Parser 方法

属性名 传参 说明

PS:使用指定 UI 解析,必须要设置父类容器才可以解析到。比如:

以上内容给大家介绍了JQuery EasyUI的使用,希望对大家有所帮助!

jQuery+formdata实现上传进度特效遇到的问题 总结我做HTML5文件上传插件遇到的技术问题先贴上源码:fileupload-html5.js(PS:公司使用seajs框架)问题列表1.JQUERY.AJAX没有监听上传进度的ONPROGRESS事件。2.XM

浅析jQuery Ajax请求参数和返回数据的处理 刚接触学会用jQueryajax的时候,觉得真东西好神奇,这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上,一颗赛艇。之前很早接触

jQuery实现验证年龄简单思路 这段代码假定环境是一个ID为age-form的form,三个ID分别为day,month,year。$("#age-form").submit(function(){varday=$("#day").val();varmonth=$("#month").val();varyear=$("#year").val(

标签: jquery easy ui

本文链接地址:https://www.jiuchutong.com/biancheng/382996.html 转载请保留说明!

上一篇:使用jQuery监听DOM元素大小变化(jquery监听span内容的变化)

下一篇:jQuery+formdata实现上传进度特效遇到的问题

  • 小型微利企业所得税率
  • 记账凭证核算形式需要设置的凭证有
  • 银行存单丢失怎么办理取款
  • 公司月报表怎么做
  • 企业利息收入需要交哪些税
  • 租办公室自己装修可以拆走吗
  • 股权转让产生的印花税
  • 税务局可以委托公司代征税,你觉得可能吗?
  • 小规模纳税人出售使用过的汽车
  • 应付福利费直接计入未分配利润
  • 土地增值税和房产税
  • 房产预收款怎么记帐?
  • 关联企业借款利息税前扣除
  • 公司个人所得税怎么申报
  • 未分配利润期末余额怎么算出来
  • 事业单位购买固定资产费自行
  • 职工食堂对外经营合法吗
  • 社保已申报但未缴费有什么影响
  • 转口贸易需要申报什么税
  • 企业购入用于捐赠的物品
  • win10 批量安装软件
  • 表单提交错误后怎么撤销
  • php静态变量生命周期
  • 银行账户销户余额转入另外的公司账户分录
  • 产品的注册费应由谁支付
  • echarts纵坐标加单位
  • 玩游戏的显示器要高刷还是高分辨率
  • php copy函数
  • 资产处置损益计税基础是什么
  • php与js交互
  • php特性包括
  • 收车船税是什么
  • react框架和vue哪个用的人多
  • php怎么写数据库
  • php eval绕过
  • 个体工商户属于灵活就业人员吗
  • 看望职工家属可以计入福利费吗
  • 每个公司都要交房产税吗
  • 应付票据是商业承兑汇票吗
  • python中np.array用法
  • python中socket怎么用
  • 类型string
  • 综合所得汇算清缴是什么意思
  • 购入不动产进项税额怎么抵扣
  • sql如何设置远程连接
  • 小规模纳税人销售额超过500万
  • 小企业购入债券作为长期债券投资,应将相关税费计入
  • 非金融企业之间的借款合同要交印花税吗
  • 备用金怎么回冲
  • 无形资产175加计扣除例题
  • 本月收入未开票会计分录
  • 销售产品领用单独计价的包装物2000元,售价2400元
  • 代销手续费如何交增值税m
  • 湖南残保金优惠政策
  • 公司银行开户费用怎么报销
  • 合适的库存产品包括
  • 收到预付卡结算款怎么入账
  • 以前年度损益调整怎么做账
  • 工厂厨房厨具
  • 贷款利息支出属于财务费用吗
  • 科目汇总表一张几行啊
  • 外汇申报填写什么最简单
  • 自产自销的茶叶公司怎么做账
  • mysql5.7.32免安装教程
  • ubuntu20.04命令
  • win10系统中怎么打开IE浏览器
  • Python win32com 操作Exce的l简单方法(必看)
  • 源码分析怎么写
  • jQuery实现表格与ckeckbox的全选与单选功能
  • activity怎么用
  • centos打开shell
  • jquery 图片
  • javascript零基础入门
  • jquery 使用
  • 悬浮工具栏
  • jQuery 选择同时包含两个class的元素的实现方法
  • 税控盘登录密码忘了怎么办怎么重置
  • 风力发电,光伏发电还有哪些
  • 江苏宿迁个体户那个园区好
  • 地下建筑规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设