到现在为止,已经使用Jquery Easyui有一年了,在使用过程中,遇到了不同的问题。从一开始jquery easyui1.1版本到easyui 1.2版本,从它本身bug到功能上的不足,从本身样式的单一到多套皮肤的制作,一路走来发现主要常见的问题还是主要集中在Jquery easyui代码书写上。
首先,从基础讲起,初次接触jqeury easyui的时候,大部分人不知道jquery easyui和jquery UI的区别。他们的共同点有如下几点:
1、它们都是基于Jquery的,这都是基于jquery插件式开发比较的灵活。
2、都是对界面上的相关组件进行封装,如布局组件,表单组件以及相关特效的组件。当然目前jquery mobile也是类似的。
不同的是他们是有不同的研发团队开发的。
其次,要说明的是jquery对象与dom对象是不同的,这也是初学者一般注意不到的。平时我们用javascript操作的都是dom节点,而通过jquery的选择器返回的是jquery对象。jquery对象和dom对象都有自己的相关属性和方法以及事件。而且两者之间的方法、属性和事件不能够呼唤使用的。但是jquery对象与dom对象是可以相互转换的,具体的转换可以观摩一下其他的文章。
一、layout总结
1、layout以html标签方式建立的
- <div id="content" region="center" border="false" class="easyui-layout">
- <div id="divPage1"
- data-options="region:'west'"
- style="width: 150px;"></div>
- <div id="divPage2"
- data-options="region:'center',href:'${basePath}/userManage_main.jspx'"></div>
- </div>
- 这样,如果我想重新修改 div id="divPage1"这个layout的href属性,应该怎么实行?
-
- $("#divPage1").panel({region:'west',href:'${basePath}/userManage_left.jspx?width='+width});
- $("#divPage1").panel('refresh');
2、用js脚本方式建立的
先建立一个div标签,用于生成layout。
- <div id="content" />
- $('#content').layout('add',{
- region: 'west',
- width: 180,
- title: 'West Title',
- split: true,
- href:'${basePath}/userManage_left.jspx?width='+width,
- tools: [{
- iconCls:'icon-add',
- handler:function(){alert('add')}
- },{
- iconCls:'icon-remove',
- handler:function(){alert('remove')}
- }]
- });
- $('#content').layout('add',{
- region: 'center',
- width: 580,
- title: 'center Title',
- split: true,
- href:'${basePath}/userManage_main.jspx',
- tools: [{
- iconCls:'icon-add',
- handler:function(){alert('add')}
- },{
- iconCls:'icon-remove',
- handler:function(){alert('remove')}
- }]
- });
3.easyui所有控件显示中文
在引用jquery.easyui.min.js文件后,引用locale/easyui-lang-zh_CN.js