Extjs展开和收缩动画效果造成问题

最新推荐文章于 2016-05-16 21:05:49 发布
原创 最新推荐文章于 2016-05-16 21:05:49 发布 · 747 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

解决ExtJS中westPanel面板在使用removeAll及add方法更新内容后，调用expand方法导致面板消失的问题。关闭动画效果即可恢复正常。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题描述:

我建了一个region: 'west', layout: 'accordion',collapsible: true的名为westPanel的面板，其items不为空，点击收缩这个面板以后，我执行以下操作westPanel.removeAll();westPanel.add(newItems);如果手动再打开已经收缩的westPanel可以看到里面控件已经刷新了。但是如果添加以下操作westPanel.expand();看到整个westPanel都不见了，但是原来westPanel占用的空间大小还存在。


只要关闭动画效果即可：

animCollapse :false,
animate: false, 

extjs中滚动条属性_ExtJs控件属性配置详细
weixin_39974932的博客
12-19 745
序言：1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴(不足之处，以后项目用到时再续完善)。Ext.form.TimeField:配置项：maxValue：列表中允许的最大时间maxText：当时间大于最大值时的错误提示信息minValue：列表中允许的最小时间minText：当时间小于最小值时的错误提示信息increment：两个相邻选项间的时间间隔，默认为15分钟f...
ExtJs控件属性配置详细
DOREMI428的博客
05-08 771
Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 minText：当时间小于最小值时的错误提示信息 increment：两个相邻选项间的时间间隔...
ExtJS简单的动画效果（ext js淡入淡出特效）
diyu8056的博客
07-23 301
1.html页面：Application HTML file - index.html <html> <head> <title>ExtJs fadeIn() and fadeOut() example</title> <link rel="stylesheet" type="text/css" href=...
Extjs 面板控件panel应用
Manarty的专栏
08-19 583
 EXTJS Panel布局(2012-05-30 17:05:24) 标签： 分类： Java-extjs 面板控件panel应用           new Ext.Panel({               title:'面板头部（header）',               tbar : ['顶端工具栏
Extjs中panel的 collapseMode 属性的应用，修改折叠箭头样式
afei3418的专栏
07-17 4747
panel中属性collapseMode可以实现面板的折叠，不过属性自带的折叠箭头不太容易辨识，通过修改实现如下展现样式     具体代码实心如下： Ext.onReady(function(){    var mainPanel=Ext.create('Ext.panel.Panel',{   title:'主信息', //  collapsible:false, //
Extjs Api 隐藏的内容---Panel组件的伸缩(collapsed)(
JAVA学习积累
12-21 2785
 1.迷你型的伸缩: collapseMode:'mini', 2.标准伸缩(面板缩放后点击,则临时弹出组件,鼠标移出则自动缩放): collapsible:true, 3.仅点击" floatable: false, collapsible:true,
EXT的panel折叠按钮， collapsible:true
smshuxue的专栏
11-02 6557
Ext.create('Ext.panel.Panel', { title: 'Hello', width: 200, collapsible:true, html: 'World!', renderTo: Ext.getBody() });
extjs4.2后台系统（菜单、下拉树组件封装）
最新发布
06-08
下拉树组件则更复杂一些，因为它需要展示一个层级结构的数据，并允许用户通过展开和收缩节点来浏览。这通常需要定义一个树形的数据模型，以及相应的节点渲染模板，以确保树形组件能够正确地展示和响应用户操作。 在...
extjs 总结
06-17
- `expand([deep], [anim], [callback], [scope])`: 展开指定的节点，可选参数控制是否深度展开、是否动画效果以及回调函数。 - `expandPath(path, [attr], [callback])`: 根据指定的路径展开节点。 - `...
ExtJS4.0入门：Panel组件与布局解析
默认值为`true`，意味着展开和收缩过程会有滑动效果，为用户提供更好的视觉体验。如果设置为`false`，则不会有动画过渡。 3. `fill`：此属性决定Panel是否自动调整高度以填充父Panel的剩余空间。默认值为`true`，...
extJs4.2学习笔记
01-06
extJs学习笔记，让新手能够快速理解extJS的原理，深人浅出的了解extjs的精髓。
Extjs-panel-collapse 相关属性使用记录
阳光不锈的博客
05-16 4910
panel下的border布局，center和east又是两个panel。未配置collapsible，双击east的左边框依然可以展开。此时的east配置（上如是我双击east的左边框的结果）： xtype : 'panel', region : 'east', bodyStyle : 'background:#F7B
ExtJS学习笔记（六） 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
萧逸闲侃
09-05 1660
声明：本文案例讲解摘自资料，部分资料收集自他人博客。  通过此文能学习到如下内容       1.创建一个简单的面板 Ext.Panel       2.制作一个可以拖动的面板 Ext.Panel       3 .使用选项卡面板       3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容)       面板是ExtJs控件的基础，很多控件都是在面板的基础上扩展的，
Ext tree 展开但不能收缩的问题
sdzlwind的博客
07-07 463
今天，出现了一个很奇怪的问题：我的树有三个父节点，前两个只能展开不能收缩，第三个正常。 郁闷了，仔细检查一下返回的json数据，发现两个的父节点的id和他们的叶子的id有相同的值。从而 点击父节点的时候，就成了点击它的孩子结点，难怪不收缩了。改正之。ok。 ...
效果不错的窗口打开与关闭的动画效…
东子的博客
09-27 2042
实现窗口的淡入淡出效果，可用API函数 AnimateWindow 要是这个效果很简单 在创建窗口的事件中，加入 AnimateWindow(Handle,200,AW_SLIDE+AW_VER_NEGATIVE); 在关闭窗口的事件中，加入 AnimateWindow(Handle,200,AW_SLIDE+AW_HOR_POSITIVE+AW_HIDE);
ExtJS中grid分页的动画效果实现
从给定文件信息来看，重点内容集中在“grid分页”和“动画效果”，以及特定的前端框架“ExtJS”。接下来我将详细说明这些知识点。 ### 知识点一：Grid分页 Grid分页是一种常见的数据展示方式，用于在有限的屏幕上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值