jQuery易用户界面手风琴可伸缩面板组件使用详解

手风琴可伸缩面板组件，基于面板，示例如下：

！doctype html html lang=' en ' head meta charset=' UTF-8 '脚本类型=' text/JAVAScript ' src=' http : easy ui/jquery。量滴js /脚本脚本类型=' text/JAVAScript ' src=' http : easy ui/jquery。易居。量滴js /脚本类型=' text/JavaScript ' src=' http 3360 easy ui/locale/easy ui-lang-zh _ cn手风琴({ //面板属性animate:true，//定义展开和折叠的时候是否显示动画效果宽度：600,//面板宽度高度：200,//面板高度fit :false，//自适应父容器默认错误的在此例中就是浏览器，设置为真实的面板会铺满浏览器border:true，//是否显示边框multiple:false，//是否可以同时展示多个面板1.3.5可用selected:0，//设置默认展开的顺序号//面板操作触发事件//面板被选中时触发事件onselect3360函数(标题，索引){//alert(标题' : '索引)}//onun select//onAdd//onBeforeRemove//onRemove//组件的方法});/**下面是手风琴组件提供的一系列可调用的方法*///alert($('ac ').手风琴('选项')。宽度)//获取组件对象的某个属性定义变量面板=$('#ac ').手风琴('面板');//返回的是面板数组，即每一个单独面板，可以应用面板的属性//警报（面板[0]。面板("选项")。宽度);$('#ac ').手风琴('调整大小');//调整面板大小var selectedPanel=$('#ac ').手风琴(“GetSelected”)；//获取选中的面板var selectedPanels=$('#ac ').手风琴(“GetSelections”)；//获取所有选中的面板var面板=$('#ac ').手风琴(' getPanel '，2)；//获取指定的面板，参数可以是面板编号和面板tatle var索引=$('#ac ').手风琴(' getPanelIndex '，选定的面板)；//获取指定面板在手风琴中的索引，参数是某个面板$('#ac ').手风琴('选择',2);//指定被选中的面板参数是面板编号或者标题$('#ac ').手风琴(“取消选择”，1)；//跟上一个方法相对应//添加一个新的面板，为新面板指定属性$('#ac ').手风琴(“add”，{ title : }新标题，content: '新内容，选中：假})；$('#ac ').手风琴('移除',1)//移除一个面板，参数是面板编号或者标题})/脚本/头体div id=' AC ' div title=' title 1 ' iconCls=' icon-save ' style=' overflow : auto；padd :10 px '/div div title=' title 2 ' iconCls=' icon-reload ' split : true ' style=' padd :10 px；/div div title=' title 3 ' iconCls=' icon-edit '/div/div/body/html效果图：

点此下载源代码：手风琴可伸缩面板组件

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。