`
qiu768
  • 浏览: 5026 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

Accordion布局中设置默认的子面板

    博客分类:
  • js
EXT 
阅读更多
   Extjs中accordion布局默认展现的是第一个子面板,如果更改默认展现的面板为另外的子面板。今天用了这样的解决方法:
//收缩第一个子面板
Ext.getCmp('accordionMenu').items.itemAt(0).collapse();
//设置第二个子面板展开
Ext.getCmp('accordionMenu').items.itemAt(1).expand();

就是手动的把第一个子面板给合上,然后展开第二个子面板。其中'accordionMenu'为使用accordion布局的面板的id;查了下Extjs的api发现Accordion布局有个activeItem 的属性,但在面板里直接配置的时候都会报错,不起作用,目前还不知道怎么用这个属性。

分享到:
评论
2 楼 qiu768 2009-09-11  
brucesong 写道
很好,很不错,不过ext这玩意最好少用,弊大于利。

呵呵 怎么说是“弊大于利” 夸张了 公司近期正准备全面推广 后面的项目都准备用extjs来搞了
1 楼 brucesong 2009-08-13  
很好,很不错,不过ext这玩意最好少用,弊大于利。

相关推荐

    ExtjS--accordion布局

    在这个例子中,我们创建了一个全屏的视图容器,并设置了accordion布局。然后添加了三个面板,每个都有自己的标题和内容。 在 accordion 布局中,你可以通过配置项来定制行为。例如,`collapsible` 属性可以设置面板...

    extjs4中panel的accordion布局以及treepanel导航

    4. `collapsible`属性控制是否可以折叠Panel,但在accordion布局中,这个属性是不必要的,因为所有子Panel都默认可以折叠。 5. 通过调整`width`、`height`等属性,可以定制Panel的尺寸,以适应不同屏幕大小和需求。 ...

    扩展控件Accordion折叠面板+CollapsiblePanel 面板隐藏.rar

    "Accordion折叠面板+CollapsiblePanel 面板隐藏" 是一种常见的UI设计模式,尤其在Web开发中广泛应用。这个压缩包文件包含了实现这种设计模式的相关资源,下面我们将深入探讨这两个组件以及它们在实际开发中的应用。 ...

    sencha touch accordion(折叠) 布局

    在Sencha Touch中,`Accordion`布局是一种特殊的布局方式,主要用于展示一系列可折叠的面板,每个面板只显示一个内容区域,用户点击一个面板时,其他面板会自动收起。这种布局方式常用于信息展示、菜单导航等场景,...

    学习ExtJS accordion布局

    由于设置了`layout`为`accordion`,这些子面板将按照Accordion布局排列。 三、Accordion布局的其他配置项 除了`animate`之外,Accordion布局还支持其他配置项,例如: 1. `autoHeight`: 如果设为`true`,则...

    Silverlight中Accordion组件动态生成示例

    在Silverlight 4版本中,Accordion组件是一个非常有用的UI元素,它提供了类似于折叠面板的布局,用户可以展开和折叠各个部分,以查看或隐藏内容。 Accordion组件的核心特性是其可扩展性,使得开发者可以根据需要...

    Ajax之Accordion控件的用法

    Accordion控件还有一些可配置的选项,如`active`用于设置默认打开的面板,`collapsible`用于设置是否允许所有面板同时关闭,`header`用于指定面板标题的选择器,以及`event`和`icons`等,可以根据需要调整。...

    jQuery accordion插件:一个可折叠的面板【菜单】特效.rar

    5. 易于使用:通过简单的API调用,开发者可以在网页中快速添加和配置accordion,例如设置面板的默认状态、是否允许多面板同时展开等。 6. 可扩展性:由于基于jQuery,这个插件往往与其他jQuery插件和库兼容,方便...

    jquery accordion tree 菜单栏 框架示例

    jQuery Accordion是一款非常流行的JavaScript插件,用于创建可折叠的面板式布局,常用于构建菜单栏、信息分类或导航结构。在本示例中,我们将深入探讨如何利用jQuery Accordion来构建一个树形菜单栏框架。 首先,让...

    Accordion_ajaxtoolkit

    3. **添加Accordion控件**:在设计视图或代码视图中插入Accordion控件,并设置其属性,如Panels集合、默认展开的面板、动画效果等。 4. **配置面板**:在Accordion控件中添加AccordionPane对象,为每个Panel设置...

    纯 CSS3 实现的窗帘菜单 Accordion

    4. **Flexbox 布局**:Flexbox 使得创建响应式和动态布局变得更加容易,特别是在处理 Accordion 这样的组件时,能够灵活地调整子元素的大小和位置。 5. **Grid 布局**:虽然在窗帘菜单中可能不常用,但在某些复杂的...

    jquery和CSS3半透明垂直Accordion特效

    在这个项目中,Bootstrap的Accordion结构被作为基础,通过自定义CSS覆盖其默认样式,实现半透明和垂直布局。 3. **Bootstrap Accordion**: - `.accordion`:Accordion容器,包含多个`.accordion-item`。 - `....

    Ext4详细解读

    面板中的三个子项分别被命名为Panel1、Panel2和Panel3。默认情况下,所有子面板都将具有`padding:15px`的样式设置,且展开或折叠时将启用动画效果。激活的面板将始终位于最顶层。 #### 二、Border布局详解 Border...

    AjaxControlToolKit之Accordion控件

    1. **DynamicLayout**:动态布局开关,如果设置为true, Accordion会根据内容自动调整大小。 2. **SelectedIndex**:指定默认打开的面板索引。 3. **CollapsiblePanels**:是否允许面板折叠。 4. **AutoPostBack**:...

    左侧菜单 jquery accordion的应用修改

    例如,可以设置`collapsible: true`使得所有面板都可以折叠,`active: false`默认所有面板都关闭,以及`expandIcon`和`collapseIcon`来定义展开和折叠的图标。如果要支持多级菜单,还需要监听菜单项的点击事件,以便...

    Bootstrap Accordion手风琴特效.zip

    Bootstrap Accordion手风琴特效是基于流行的前端框架Bootstrap的一个组件,它通过JavaScript和CSS实现了一种交互式的折叠面板效果。这种效果通常用于显示和隐藏大量相关信息,以节省页面空间,提高用户体验。在网页...

    ext布局(Layout.html)例子.pdf

    Accordion布局允许子组件折叠和展开,只显示一个展开的子组件。通过`layout: 'accordion'`启用,可以设置`layoutConfig.animate`为`true`实现动画效果,增加交互性。 6. Card布局: Card布局类似于翻页或步骤向导...

    Ext10种布局

    - **功能**:根据面板中配置的 `x/y` 坐标进行定位。 - **特点**:支持使用固定值或百分比作为坐标值,提供更灵活的布局控制。 ### 总结 ExtJS2.0 提供了丰富的布局选项,覆盖了从简单的容器布局到复杂的表格布局...

    Accordion--AjaxControlToolkit 之一(分组菜单)

    Accordion是AjaxControlToolkit中的一个控件,主要用于创建一种分组菜单的效果,它可以展示多个面板,每个面板的内容可以折叠或展开,使得用户能够在一个有限的空间内查看和操作大量信息。AjaxControlToolkit是.NET ...

    AmazeUI 折叠面板

    在AmazeUI中,折叠面板(Accordion)是一个非常实用的功能,常用于展示有限空间内的多级内容,通过折叠和展开来控制内容的显示与隐藏。这种组件在很多场景下都非常适用,比如FAQ页面、导航菜单或者设置选项等。 ...

Global site tag (gtag.js) - Google Analytics