- 浏览: 455532 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (106)
- jquery easyui (20)
- spring学习 (4)
- 心情 (1)
- jsp (3)
- javascript (7)
- 异常 (4)
- tomcat (7)
- win7 (1)
- struts2 (2)
- WEB开发 (9)
- 数据库sqlserver (3)
- flex (3)
- java开发工具 (5)
- web服务器 (3)
- html (5)
- struts (1)
- coffeeScrip (0)
- css (1)
- Jquery Mobile (1)
- jquery (5)
- spring (0)
- 数据库 (2)
- freemarker (0)
- hibernate (1)
- spring mvc (2)
- java jdbc (1)
- office (1)
- java类常用方法积累 (2)
- web service (1)
- 项目管理 (0)
- 缓存技术 (0)
- CI (0)
- BPM (1)
- 系统 (2)
- java (2)
- 天天读文章 (1)
- exception (0)
- 网站 (1)
- management (0)
- apache工具类 (1)
- laravel (1)
- .net (1)
- nginx (1)
- electron (1)
- react-native (0)
- eclipse (1)
- gitlab (1)
- ios (1)
- redis (1)
最新评论
-
carl_java:
可否告知具体如何解决。目前使用jredis访问twemprox ...
jedis通过twemproxy无法使用pipeline -
jveqi:
...
jedis通过twemproxy无法使用pipeline -
jinhailion:
也有此问题,版本号50.0.2661.12,有解决方案吗
Web浏览器Chrome打开一段时间后,运行alert无效 -
纵观全局:
easyui-accordion 里面的数据怎么清空啊
jquery easyui学习教程-accordion -
hourui93:
非常感谢,问题解决了~~~
electron加载带有jquery的web page出现$,jQuery无法识别
今天讲解一下,jquery easyui组件的初始化原理:
1、Jquery easyui对htm的dom节点进行初始化有两种方式:
第一种是直接在<script>标签中用jquery选择器获取相应的节点,然后调用Jquery easyui的初始化函数,函数的第一个参数是一个对象。这个对象中配置了组件的属性以及事件,当然这些都是有选择性的。例如:
<script type="text/script">
$(function(){
$("#edit_win").window({
title:'编辑窗口',
closed:true,
iconCls:'icon-edit',
width:123,
height:123,
onClose:function(){
}
});
});
</sript>
其中edit_win是一个事先定义好的一个html标签的id。此处特别要提出的是组件初始化的时候,组件的属性配置不仅可以放置于初始化函数中,也可以配置在相应id标签中作为标签的属性。例如:
<script type="text/script">
$(function(){
$("#edit_win").window({
closed:true,
width:123,
height:123,
onClose:function(){
}
});
});
</sript>
<div id="edit_win" title="编辑窗口" iconCls="icon-edit"></div>
第二种种是在html代码中在某些特定的标签中,添加class="easyui-组件名"来对其进行初始化渲染。例如:
<div class="easyui-panel" title="待办项" icon="icon-wait" ....>show panel text</div>
上述,介绍的两种初始化的方式在使用的时候只能使用其中的一种方式,不能进行混合使用。在两种同事使用的时候,会出现js错误,例如:$.data(,'').options为空。
2、对初始化的过程做一下相应的介绍:
针对1中的第一种方式,ta是调用了相应组件的初始化的函数$.fn.组件名=function(params){}。
初始化的时候是将一个对象作为参数,此对象既是组件属性和事件的配置。由于组件的属性有两种方式,一是作为对象的属性,二是作为html标签的属性进行定义,所以jquery easyui需要将对象中和html标签中定义的属性整合在一起。有了属性和相应的事件之后,那么就可以掉用jquery easyui内置的函数对html元素进行渲染,最后就得到了我们所需要的Jquery easyui组件。
针对1中的第二种方式,是在页面加载完成后,jquery easyui会对页面进行遍历,寻找html标签中属性class以easyui-开头,并且以jquery easyui组件名结束的标签。遍历结束后调用$.parser.parse('....');将easyui-开始的标签初始化成jquery easyui组件的形式。
下一篇会针对所有的组件进行逐一介绍。
发表评论
-
jquery半透明设置
2012-08-21 16:29 2755function setOpacity(eles){ ... -
Jquery easyui模拟浏览器前进后退查看历史浏览网页
2012-07-31 11:25 2481/** * 打开窗口的简化 */function easyui ... -
Jquery easyui支持验证多种类型
2012-06-20 14:26 12707<!--StartFragment --> ... -
jquery easyui学习教程-accordion
2012-05-08 10:05 24304jquery easyui中的accordion一般用来做分组 ... -
jquery easyui表单重置(reset)扩展思路
2012-04-27 08:59 16056在jquery easyui表单中 尚未提供表单重置的功能,这 ... -
jquery easyui之accordion
2012-04-23 11:23 1109accordion: 使用场景: 属性: ... -
easyui tree数据无法加载
2012-04-13 14:39 1735首先,确保url能够返回json数据。 其次,保证json数 ... -
Jquery easyui分页栏,显示1到0解决方案
2012-04-12 10:25 2587针对jquery easyui 1.2.2 找到 ... -
jquery easyui入门教程(二)
2012-04-12 09:02 03、在使用Jquery easyui进行开发 ... -
Jquery easyui中numberbox在precision为零时禁止输入“点”
2012-04-05 17:36 8490针对jquery easyui中numberbox,在pr ... -
Jquery easyui的combobox的默认“请选择”“全部”扩展
2012-03-31 14:48 20259扩展版本1.2.2: 1、首先在<input type ... -
jquery easyui的datagrid中toolbar类似extjs的工具栏靠右浮动
2012-03-29 21:58 9091直接上代码: if(opts.toolbar){ v ... -
Jquery easyui之控件参数传递
2012-03-28 10:14 12916在使用jquery easyui的时候,如果数据是从服务器端加 ... -
Jquery easyui之datagird查询框扩展
2012-03-29 21:26 10522今天整理一下,本人对jquery easyui中的datagr ... -
Jquery easyui界面单击过快js错误之临时解决方案
2012-03-14 16:19 1975在使用jquery easyui的做系统应用的时候,如果界面单 ... -
Jquery easyui表单的异步验证
2012-03-12 13:16 12966在使用jquery easyui的时候,很多实用要用到异步验证 ... -
Jquery easyui入门教程(一)
2012-04-12 09:01 8318到现在为止,已经使用Jquery Easyui有一年了,在使用 ... -
Jquery easyui窗口window打开与关闭问题探讨
2012-03-08 17:32 0今晚就研究这个。。。。。 -
Jquery easyui Form表单提交注意事项
2011-11-11 15:26 25727jquery easyui对表单的提交进行了封装,提交的方式采 ... -
jquery easyui 将combobox 设为只读方法
2011-10-27 12:59 8857在jquery easyui.1.2.2中 并没有提供相应的m ...
相关推荐
教程名称:jQuery EasyUI入门视频教程【20讲】课程目录:【】1__JQuery实战视频教程_页面加载时弹出一个对话框【】2_JQuery实战视频教程_点击时弹出一个对话框【】30__JQuery实战视频教程_UI动画效果【】3_JQuery...
easyui入门视频教程,很好的教程,很直观,最快的入门教程。
工具类,包含easyui的基本操作说明,绿色版本,入门比较好
jQueryEasyUI入门共2页.pdf.zip
easyui入门视频教程,很好的教程,很直观,最快的入门教程。
1.[jQuery.EasyUI]第1章
一个很不错的关于jQuery EasyUI入门学习的Demo。涉及界面的布局排版、数据的动态加载、窗口的自适应等方面。特别地,该实例通过对界面模块的合理划分、js脚本的动态引用以及css样式的渲染等操作完成。注:例子中,所...
教程名称: 李炎恢JQuery EasyUI视频培训教程_EasyUI是基于jQuery的UI插件集合01.[jQuery EasyUI]第1章 jQuery EasyUI入门02.[jQuery EasyUI]第2章 使用EasyUI03.[jQuery EasyUI]第3章 Draggable(拖动)组件04....
教程名称:jQuery EasyUI入门课程目录:【】02.[jQueryEasyUI]第2章使用EasyUI【】03.[jQueryEasyUI]第3章Draggable(拖动)组件【】04.[jQueryEasyUI]第4章Droppable(放置)组件【】05.[jQueryEasyUI]第5章Resizable...
点开就可以使用,包含easyui基本控件的讲解,入门学习刚刚好
jQuery EasyUI是一组基于JQuery的UI插件集合,而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面,下面小编带领大家一起学习jquery easyui入门知识,一起看看吧
2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 5.是否兼容低版本 IE 6.下载及运行 jQuery EasyUI 在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI。它的学习...
属性 所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如,对话框属性定义在jQuery.fn.dialog.defaults里面。 事件 所有的事件(回调函数)也都定义在jQuery.fn.{plugin}.defaults...jQuery EasyUI 入门指南
easyui入门教程,介绍easyui的基础知识
jQuery EasyUI 基础入门
自己做的EasyUI入门ppt,给公司新员工培训用的。 内含 ppt,演示项目,jquery帮助文档,easyui帮助文档,easyui 1.3.3压缩包
EasyUI入门教程--第02课_介绍easyloader组件和easyui怎样使用.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。