一. 加载方式

//class 加载方式
<div id="box" class="easyui-accordion"
style="width:300px;height:200px;">
<div title="accordion1">accordion1</div>
<div title="accordion2">accordion2</div>
<div title="accordion3">accordion3</div>
</div>
//JS 加载调用
$('#box').accordion({
//...
});

二.容器属性

//属性设置
$('#box').accordion({
width : 500,
height : 500,
fit : true,
border : false,
animate : false,
multiple : true,
selected : 1,
});

三.事件列表

$('#box').accordion({
onSelect : function (title, index) {
console.log(title + '|' + index);
},
onUnselect : function (title, index) {
console.log(title + '|' + index);
},
onAdd : function (title, index) {
console.log(title + '|' + index);
},
onBeforeRemove : function (title, index) {
console.log(title + '|' + index);
//return false;
},
onRemove : function (title, index) {
console.log(title + '|' + index);
},

});

四.方法列表

//返回属性对象
console.log($('#box').accordion('options'));
//返回所有分类面板
console.log($('#box').accordion('panels'));
//调整分类面板布局和大小
$(document).click(function () {
$('#box').accordion().css('display', 'block');
$('#box').accordion('resize');
});
//选择选中的分类面板
console.log($('#box').accordion('getSelected'));
//选择所有选中的分类面板
console.log($('#box').accordion('getSelections'));

//获取指定下标的分类面板
console.log($('#box').accordion('getPanel', 1));
//获取指定分类面板的下标值
console.log($('#box').accordion('getPanelIndex', '#a2'));
//选中指定下标的分类面板
$('#box').accordion('select', 1);
//取消选中指定下标的分类面板
$('#box').accordion('unselect', 0);
//新增一个分类面板
$('#box').accordion('add', {
title : '新分类',
closable : true,
content : '123',
collapsible : false,
selected : false,
});
//移除一个分类面板
$('#box').accordion('remove', 0);

PS:我们可以使用$.fn.accordion.defaults 重写默认值对象。
$.fn.accordion.defaults.border = false;

五.面板属性

分类组件面板继承了 panel 属性, 我们参考 panel 属性即可, 对分类的面板同样有效。
并且提供了新增的两个属性。

Accordion( 分类) 组件的更多相关文章

  1. 第二百零一节,jQuery EasyUI,Accordion(分类)组件

    jQuery EasyUI,Accordion(分类)组件 学习要点: 1.加载方式 2.容器属性 3.事件列表 4.方法列表 5.面板属性 本节课重点了解 EasyUI 中 Accordion(选项 ...

  2. EasyUI系列学习(十一)-Accordion(分类)

    一.加载 1.class加载 <div class="easyui-accordion" style="width:300px;height:200px" ...

  3. accordion 分类

    <!--accordion--><h1>accordion 分类</h1><div id="accordionId" class=&quo ...

  4. vue2.0 自定义 折叠列表(Accordion)组件

    1.自定义  折叠列表 Accordion.vue (1)sass  版本 <!-- 折叠列表 组件 --> <template> <nav :class="$ ...

  5. 第11课 文章分类(组件化开发) Thinkphp5商城第四季

    目录 思路: 控制器里 扩展类里: 视图层: 思路: 控制器查出所有数据后调用扩展类里的无限级分类 public function catetree($cateRes) 方法. 把排序好的数据传给视图 ...

  6. 一个开源Delphi分类组件推荐网页

    https://github.com/Fr0sT-Brutal/awesome-delphi

  7. jquery easyui的应用-1

    下载地址是: www.jeasyui.com/download 当前版本是1.6.7 是由 jquery ui 扩展而来的. 像jquery ui, bootstrap, jquery easyui三 ...

  8. Easy UI 入门

    Easy UI常用于企业级开发的UI和后台开发的UI,比较重. 以下组件中的加载方式,属性和事件,方法和组件种类并不全,只是作为参考和入门学习. 1.Draggable(拖动)组件 不依赖其他组件 1 ...

  9. accordion(分类)组件

    一.依赖于 Panel(面板)组件 二.class加载方式 <div id="box" class="easyui-accordion" style=&q ...

随机推荐

  1. Java下载Servlet Demo

    request.setCharacterEncoding("utf-8"); String name=request.getParameter("name"); ...

  2. 若后台的Activity被系统回收...

    你后台的Activity被系统回收怎么办?如果后台的Activity由于某种原因被系统回收了,如何在被系统回收之前保存当前状态? 除了在栈顶的Activity,其他的Activity都有可能在内存不足 ...

  3. JavaScript中的內定物件與函式: arguments, callee, caller, this, apply(), call()

    arguments, caller, callee, this都是用在函式(function)內的特殊內定物件.而apply()及call()則是用來呼叫函式的不同作法. arguments可用來取得 ...

  4. 用C实现一个简单的对拍器——致每个曾经为求AC披星戴月的程序员们

    大一新生,首次创作,虚心受教. 实现思路: 一.需要一个输入文件(input.txt),两个对拍程序(main1.exe,main2.exe) 二.将标准输入重定向为input.txt.将标准输出分别 ...

  5. stdarg.h详解

    读Linux内核中的vsprintf函数的时候遇到了C语言的可变参数调用,查了挺多资料还是这篇比较详细,而且自己验证了下,确实如此 (一)写一个简单的可变参数的C函数  下面我们来探讨如何写一个简单的 ...

  6. web安全:HTTPS

    E1:搭建zoobar网站开启apache服务和mysql服务service apache2 startservice mysql start 建立数据库和表mysql->create data ...

  7. 转:Linux 内核中的 cdev_alloc和cdev_add

    内核中每个字符设备都对应一个 cdev 结构的变量,下面是它的定义:linux-2.6.22/include/linux/cdev.hstruct cdev {struct kobject kobj; ...

  8. 涂抹Oracle—Flashback

    11.1  基于flashback查询过去的数据 a.基于时间的查询(as of timestamp) 构造表falsh_tbl,删除数据然后查询 SQL>select * from flash ...

  9. [LeetCode 109] - 将已排序链表转换为二叉搜索树 (Convert Sorted List to Binary Search Tree)

    问题 给出一个元素以递增序列排序的单链表,将其转换为一棵高度平衡的二叉搜索树. 初始思路 二叉搜索树高度平衡,意味着左右子树的高度要平衡.根据二叉树左子树节点小于根节点,右子树节点大于根节点的性质:我 ...

  10. smart pointer (auto_ptr)

    很多人听说过标准auto_ptr智能指针机制,但并不是每个人都天天使用它.这真是个遗憾,因为auto_ptr优雅地解决了C++设计和编码中常见的问题,正确地使用它可以生成健壮的代码.本文阐述了如何正确 ...