- 浏览: 455555 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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中的accordion一般用来做分组,如菜单的分组、表单的分组等。(easyui 1.2.6)
初始化的两种方式:
方式一:
<div id="aa" class="easyui-accordion" border="false" style="width:700px;height:300px;">
<div title="first Title" border="false">
content first
</div>
<div title="second Title" border="true">
content content
</div>
</div>
方式二:
html代码:<div id="aa" border="false"></div>
script代码:$("#aa").accordion({width:700,height:300});
说明:如果使用方式二进行组件的初始化,那么accordion的属性是怎样应用的呢?首先说明的是属性有jquery easyui本身对accordion的默认配置($.fn.accordion.defaults)A,其次是在div标签中的属性B,最后是在script中配置的属性C;优先级顺序是C->B->A,优先级高的属性优先被应用,优先级低的则会被覆盖。
属性介绍(属性既可以作为标签的属性配置,也可以作为json对象属性配置):
width:"auto":设置accordion的宽度,默认值为auto
height:"auto":设置accordion的高度,默认值为auto
fit:false:是否自动填充父容器,默认值为false,
border:true:是否显示边框,默认值为true,即显示边框。此属性和上边的fit属性都依赖于panel,即accordion是依赖于panel实现的,可以理解为继承了panel。
animate:true:再点击accordion时,是否应用动画效果,默认为使用。
事件介绍:
onSelect:在单击选择某一个面版的时候触发此事件。
onAdd:添加面板的时候触发此事件。
onBeforeRemove:在删除某个面版之前的时候,触发此事件。
onRemove:删除面板触发此事件。
方法介绍:
1、 options:获取当前accordion的配置属性值;
var opts = $("#accordionId").accordion("options");
opts.accordion属性:opts.width、opts.height,.......
2、panels:获取所有的accordion面板;
var panels = $("#accordionId").accordion("panels");
返回的是panel数组,数组中个每个元素都可以作为单个panel对待,而且可以应用panel中的属性、方法和事件。例如:panels[1].panel('options');获取panel的属性。
3、resize:改变accordion的大小;
持续完善中。。。。。。
4、getSelected:获取被选中的面版;
5、getPanel:获取某个面板;
6、select:选择某个accordion面板
7、add:添加一个面板;
8、remove:删除某一个面板;
accordion方法的使用方式和用jquery初始化accordion组件的方式类似,不同之处就是第一个参数如果为object对象,则是初始化accordion组件或者修改已有的accordion属性,如果为字符串,则是调用accordion的方法。
发表评论
-
jquery半透明设置
2012-08-21 16:29 2756function setOpacity(eles){ ... -
Jquery easyui模拟浏览器前进后退查看历史浏览网页
2012-07-31 11:25 2481/** * 打开窗口的简化 */function easyui ... -
Jquery easyui支持验证多种类型
2012-06-20 14:26 12707<!--StartFragment --> ... -
jquery easyui表单重置(reset)扩展思路
2012-04-27 08:59 16056在jquery easyui表单中 尚未提供表单重置的功能,这 ... -
jquery easyui之accordion
2012-04-23 11:23 1110accordion: 使用场景: 属性: ... -
easyui tree数据无法加载
2012-04-13 14:39 1736首先,确保url能够返回json数据。 其次,保证json数 ... -
jquery easyui入门教程(二)
2012-04-14 17:06 12740今天讲解一下,jquery eas ... -
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 8492针对jquery easyui中numberbox,在pr ... -
Jquery easyui的combobox的默认“请选择”“全部”扩展
2012-03-31 14:48 20260扩展版本1.2.2: 1、首先在<input type ... -
jquery easyui的datagrid中toolbar类似extjs的工具栏靠右浮动
2012-03-29 21:58 9092直接上代码: if(opts.toolbar){ v ... -
Jquery easyui之控件参数传递
2012-03-28 10:14 12918在使用jquery easyui的时候,如果数据是从服务器端加 ... -
Jquery easyui之datagird查询框扩展
2012-03-29 21:26 10523今天整理一下,本人对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 8320到现在为止,已经使用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为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。 jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助...
1. 该框架的开发环境为EclipseJEE集成开发工具。... 前台展示页面使用了JQuery EasyUI的布局、列表和消息组件。 6. 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。
jQuery easyUI 培训 教程 1 Accordion(可折叠标签) 2 1.1 实例 2 1.2 参数 3 2 DateBox(日期框) 4 2.1 实例 4 2.2 参数 6 2.3 事件 6 2.4 方法 6 3 ComboBox(组合框) 7 3.1 实例 7 3.2 参数 9 3.3 事件 9 3.4 ...
jQuery EasyUI 1.3.5版本更新内容: Bug(修复) searchbox:修复“searcher”函数提供的“name”参数值错误的问题; combo:修复“isValid”方法无法返回布尔值的问题; combo:修复点击页面某一个combo组件的...
jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,...
主要为大家详细介绍了jQuery EasyUI Accordion可伸缩面板组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Jquery EasyUI Demo JQuery EasyUI 例子 包括Accordion、DataGrid、Dialog、LayOut、Messager、Tabs、ValidateBox
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web...jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。
1、对折叠面板区域 div 设置 class=”easyui-accordion” 2、在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性)。 3、设置面板属性 fit 为 true,自适应父容器大小 <!DOCTYPE ...
通过jquery easyui 实现三级菜单导航栏
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 与extjs相似,都是基于JQuery的一个前台ui界面的插件,功能相对没extjs...
jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; datagrid:修复在不...
jquery+easyui学习文档 1 Accordion(可折叠标签) 2 DateBox(日期框)等
折叠面板-accordion 选项卡 - Tabs 数据表格 数据表格 - Complex DataGrid 可编辑数据表格 - Editable DataGrid 带右键菜单的数据表格 - DataGrid ContextMenu 数据表格行样式 - DataGrid Custom Row ...
jQuery EasyUI公司管理后台模板,用到的插件:layout、tab、accordion、window,修改了jquery.easyui.js。
jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) • form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; • textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; • datagrid:...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web... jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等
• 1基本拖放 4 ... 10.2.3 accordion 79 10.2.4 layout 82 o 10.3 Menu and button 83 o 10.4 form 88 o 10.5 window 101 o 10.6 Datagrid and tree 107 从别人5分下下来的,我只要1分