来源：互联网 发表时间： 15:36:40 责任编辑：王亮字体：
为了帮助网友解决“easyui-accordion手风琴全部折叠怎么设置属性”相关的问题，中国学网通过互联网对“easyui-accordion手风琴全部折叠怎么设置属性”相关的解决方案进行了整理,用户详细问题包括:&&&&&div&id="Content"&class="easyui-accordion"&style="&position:top:0"&&&&&&&&div&title="统计表1"&data-options="selected:false"&style="overflow:padding:0&margin:0px"&&&&&&&&asp:GridView&&/&&&/asp:GridView&&&&&&&&&/div&&&&&&&&div&title="统计表2"&data-options="selected:false"&style="overflow:padding:0"&&&&&&&&asp:GridView&&/&&/asp:GridView&&&&&&/div&&&&&&&&div&title="统计表3"&data-options="selected:true"&style="overflow:padding:0"&&&&&&&&&&&&&asp:GridView&/&&/asp:GridView&&&&&/div&&&/div&&&当设置selected属性时，当全部为false时，第一个仍然是展开的的，这是为什么？我想要的是全部折叠起来。，具体解决方案如下：解决方案1：调试看看一般是样式问题。解决方案2：引用&1&楼&rui888&的回复:调试看看一般是样式问题。但是我将任意一个设置为true，其他都设置为false，这个效果是可以实现的。难倒手风琴必须要有一个展开？解决方案3：可以配置panel的closed:true属性，但是注意会导致布局错乱。。可以调用API手动关闭$('#Conten').accordion('getSelected').panel('collapse')解决方案4：在class="easyui-accordion"的这个div里面设置selected:false即可。&&div&class="easyui-accordion"&data-options="fillSpace:true,fit:&true,border:&false,animate:&true,selected:false"&&/div&
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号accordion jQuery EasyUI API 中文文档 - 手风琴（Accordion）_牛bb文章网
accordion jQuery EasyUI API 中文文档 - 手风琴（Accordion）
Accordion&手风琴风流涕淌&翻译。［WWw.niUBB.NET]不当之处，敬请指正。转载请保留出处！用 $.fn.accordion.defaults 重写了 defaults。依赖panel用法示例创建Accordion经由标记创建 accordion， 添加 'easyui-accordion' 类到 &div/& 标记。1.&&div&id="aa"&class="easyui-accordion"&style="width:300height:200"&&&2.&&&&&&div&title="Title1"&iconCls="icon-save"&style="overflow:padding:10"&&&3.&&&&&&&&&&h3&style="color:#0099FF;"&Accordion&for&jQuery&/h3&&&4.&&&&&&&&&&p&Accordion&is&a&part&of&easyui&framework&for&jQuery.&&&5.&&&&&&&&&It&lets&you&define&your&accordion&component&on&web&page&more&easily.&/p&&&6.&&&&&&/div&&&7.&&&&&&div&title="Title2"&iconCls="icon-reload"&selected="true"&style="padding:10"&&&8.&&&&&&&&&content2&&9.&&&&&&/div&&&10.&&&&&div&title="Title3"&&&11.&&&&&&&&content3&&12.&&&&&/div&&&13.&/div&&&我们可以改变或重建 accordion 后，修改某些功能。1.&$('#aa').accordion({&&2.&&&&&animate:false&&3.&});&&刷新Accordion Panel内容调用 'getSelected' 方法来获取当前 panel，然后我们可以调用 panel 的 'refresh' 方法去加载新内容。1.&var&pp&=&$('#aa').accordion('getSelected');&//&获取选中的&panel&&2.&if&(pp){&&3.&&&&&pp.panel('refresh','new_content.php');&&//&调用&'refresh'&方法加载新内容&&4.&}&&容器选项名称类型说明默认值widthnumberAccordion 容器的宽度。autoheightnumberAccordion 容器的高度。autofitboolean设置为 true 就使 accordion 容器的尺寸适应它的父容器。falseborderboolean定义是否显示边框。trueanimateboolean定义当展开折叠 panel 时是否显示动画效果。truePanel 选项Accordion 的 panel 选项承自 panel，下面是增加的特性：名称类型说明默认值欢迎您转载分享：当前位置： >
jQuery EasyUI可伸缩面板 accordion - jQuery EasyUI中文帮助手册
时间： 22:08 来源：网络整理 作者： 阅读：次
jQuery EasyUI可伸缩面板
使用$.fn.accordion.defaults重载默认值
创建可伸缩面板
使用html标签创建可伸缩面板，只须要对&div&标签引用'easyui-accordion'类。
&div id=&aa& class=&easyui-accordion& style=&width:300height:200&& &div title=&Title1& iconCls=&icon-save& style=&overflow:padding:10&& &h3 style=&color:#0099FF;&&Accordion for jQuery&/h3& &p&Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.&/p& &/div& &div title=&Title2& iconCls=&icon-reload& selected=&true& style=&padding:10&& content2 &/div& &div title=&Title3&& content3 &/div& &/div&
在后面将介绍如何改变或者重建可伸缩面板以及修改一些特性。
$('#aa').accordion({ animate:false });
刷新可伸缩面板的内容
调用'getSelected'方法获取当前面板（的名称），接着可以调用控制面板的'refresh'方法来载入新的内容。
var pp = $('#aa').accordion('getSelected'); //获取当前选择的可伸缩面板 if (pp){ pp.panel('refresh','new_content.php'); //调用'refresh'方法载入新内容 }
容器属性（可伸缩面板所在的容器，通常称为&盒子&）
width（宽度）
number（数字）
可伸缩面板所在容器的宽度。
height（高度）
number（数字）
可伸缩面板所在容器的高度。
fit（铺满浏览器）
boolean（布尔型）
如果设置为true，可伸缩面板所在容器将铺满它所在的父容器（浏览器）
border（边框）
boolean（布尔型）
定义是否显示边框。
animate（动画效果）
boolean（布尔型）
定义当延伸或者折叠面板时是否显示动画效果。
可伸缩面板属性
可伸缩面板继承控制面板的属性，以下是额外的属性:
selected（被选择）
boolean（布尔型）
设置为true将默认展开面板。
当一个可伸缩面板被选择时触发。
在一个新面板被添加时触发。
onBeforeRemove
在可伸缩面板被移除之前触发，返回false将取消移除。
在一个可伸缩面板被移除时触发。
返回容器属性对象。
获取所有的面板。
重置可伸缩面板。
getSelected
获取被选择的面板。
获取特定的可伸缩面板。
选择特定的面板。
添加一个先的可伸缩面板。
移除特定的面板。
感谢您对的支持，我们为您免费提供技术文章，详细使用和说明，有时可能不完善、敬请谅解！如果有错误请给我们留言，我们将尽快修复文章错误，如果您觉得本站不错，请分享给周围的朋友！谢谢！easyui-accordion手风琴全部折叠怎么设置属性
[问题点数：20分，结帖人wl_1991]
easyui-accordion手风琴全部折叠怎么设置属性
[问题点数：20分，结帖人wl_1991]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2016年1月 Java大版内专家分月排行榜第二2015年12月 Java大版内专家分月排行榜第二2015年8月 Java大版内专家分月排行榜第二2015年3月 Java大版内专家分月排行榜第二2015年1月 Java大版内专家分月排行榜第二2014年12月 Java大版内专家分月排行榜第二2014年11月 Java大版内专家分月排行榜第二2014年6月 Java大版内专家分月排行榜第二2014年4月 Java大版内专家分月排行榜第二2014年1月 Java大版内专家分月排行榜第二2013年11月 Java大版内专家分月排行榜第二
2015年9月 Java大版内专家分月排行榜第三2015年6月 Java大版内专家分月排行榜第三2015年5月 Java大版内专家分月排行榜第三2015年2月 Java大版内专家分月排行榜第三2014年3月 Java大版内专家分月排行榜第三2013年12月 Java大版内专家分月排行榜第三
2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
优秀小版主2015年7月优秀小版主2015年9月优秀小版主2015年5月优秀小版主2014年11月论坛优秀版主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。