图二是移除面板之后的效果接下来看一下前端页面

33 废话不多讲老规矩还是先上图:图一是未移除面板前的效果导航分别有三个按钮在这里不多做解释,图二是移除面板之后的效果接下来看一下前端页面jsp,如果用的话直接把copy代码进自己的项目做测试就可以:<div id="aa" class="easyui-accordion" style="width:500px;height:300px;" data-options="border:true,animate:true,fit:false"><div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;"><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" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">content2<div><div title="Title3">content3<div>最后一步实现过程,可能有些函数,方法不太理解,不太理解的同学扒拉一下官方文档(Accordion(分类)):<script type="textjavascript">     function remove(){         var titles="";         var pnl = $('#aa').accordion('panels');         alert(pnl.length)         for (var i = 0; i < pnl.length; i++) {             var title = pnl[i].panel("options").title;               titles += title+',';          }            var arr_title = new Array();               arr_title = titles.split(",");              for (i=0;i<arr_title.length ;i++ )               {                   if(arr_title[i] != ""){                      $('#aa').accordion("remove",arr_title[i]);                  }              }      }    <script>到这里就结束了是不是很简单。不积跬步,无以至千里;不积小流,无以成江海。 easyUI accordion 使用和remove方法 for循环的异常 系统管理 退出登录 content1 content2 content3 ... jquery easyui accordion 全部折叠问题 easyui 1.3.3 開啟jquery.easyui.min.js,將3615行的_29a(0);註解,其它狀況未檢查,不負責任... jqueryEasyUI中给accordion伸缩面板动态赋title值 给普通div赋值只需要$(“#div_id”).attr(“title”,”value”)即可,但在easyui中的accordion则不一样,虽然accordion下的伸缩面板也是由div构成的,但... jQuery EasyUI 折叠面板accordion的使用实例 1、对折叠面板区域 div 设置 class=”easyui-accordion” 2、在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性)。 3、设置面... EasyUI中Accordion的用法 Accordion的用法和方法参数: 1、 外层的div容器需要引入class='easyui-accordion'以作标示为Accordion容器 2、 参数设置需要在data-options中... Easyui如何关闭所有的折叠面板Accordion Actions 在使用Easyui折叠面板的时候,当折叠面板与Dialog共同使用的时候会出现一个问题,就是当你打开dialog,展开所有的折叠面板后,关闭dialog,在重新打开的时候发现折叠面板没有复原,这个时候... EasyUI中Accordion使用的代码实例 http:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd"> http:www.w3.org1999xhtml"> 无标题文档... jQuery Easy UI Accordion(可伸缩面板)组件 Accordion 可伸缩面板组件,基于panel,示例如下: Document $(function(){ $('#ac').accordio... EasyUI 折叠面板 折叠面板(accordion)允许您提供多个面板(panel),同时显示一个或多个面板(panel)。每个面板(panel)都有展开和折叠的内建支持。点击面板(panel)头部可展开或折叠面板(pan... jquery easyui Accordion 高度 填充所在层 哎,看起来多简单的东西,一堆问题。 本人 css,js也不怎么好,accordion 高度 不知道怎么自适应 所在层。 百度一下,如下: fit:铺满整个屏幕        ...

猜你喜欢

转载自www.cnblogs.com/yiquchangge/p/9075574.html