jQuery - EasyUI API 中文帮助手册1.24 联系客服

发布时间 : 星期一 文章jQuery - EasyUI API 中文帮助手册1.24更新完毕开始阅读bf4e78a3e53a580216fcfe73

依赖关系

?

控制面板

使用方法 创建可伸缩面板

使用html标签创建可伸缩面板,只须要对

标签引用'easyui-accordion'类。 1.
2.
3.

Accordion for jQuery

4.

Accordion is a part of easyui framework for jQuery. 5. It lets you define your accordion component on web page more easily.

6.
7.
8. content2 9.
10.
11. content3 12.
13.
在后面将介绍如何改变或者重建可伸缩面板以及修改一些特性。 1. $('#aa').accordion({ 2. animate:false 3. });

刷新可伸缩面板的内容

调用'getSelected'方法获取当前面板(的名称),接着可以调用控制面板的'refresh'方法来载入新的内容。

1. var pp = $('#aa').accordion('getSelected'); //获取当前选择的可伸缩面板 2. if (pp){ 3. pp.panel('refresh','new_content.php'); //调用'refresh'方法载入新内容 4. }

容器属性(可伸缩面板所在的容器,通常称为‘盒子’)

名称 width(宽度) height(高度) fit(铺满浏览器)

border(边框) animate(动画效果) 可伸缩面板属性

可伸缩面板继承控制面板的属性,以下是额外的属性:

名称 类型 描述 设置为true将默认展开面板。 默认值 false 类型 number(数字) number(数字) boolean(布尔型) boolean(布尔型) boolean(布尔型)

描述

可伸缩面板所在容器的宽度。 可伸缩面板所在容器的高度。 如果设置为true,可伸缩面板所在容器将铺满它所在的父容器(浏览器)

定义是否显示边框。

定义当延伸或者折叠面板时是否显示动画效果。

默认值 auto auto

false

true true

selected(被选择) boolean(布尔型) 事件

名称 onSelect onAdd onBeforeRemove onRemove 方法

名称 options panels resize getSelected getPanel select add remove

2.4 布局面板 布局面板

参数 none none none none title title options title

描述

返回容器属性对象。 获取所有的面板。 重置可伸缩面板。 获取被选择的面板。 获取特定的可伸缩面板。 选择特定的面板。

添加一个先的可伸缩面板。 移除特定的面板。 参数 title title title title 描述 当一个可伸缩面板被选择时触发。 在一个新面板被添加时触发。 在可伸缩面板被移除之前触发,返回false将取消移除。 在一个可伸缩面板被移除时触发。

依赖关系 控制面板 ? 缩放

?

使用方法 创建布局面板

使用HTML标签创建布局面板,只须要对

标签引用'easyui-layout'类。 1.
2.
3.
4.
5.
6.
7.
在整个页面创建布局面板。

1.