`
yl.fighter
  • 浏览: 258173 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.Panel 动态添加组件后,没有显示组件 。需要调用Ext.Panel 的doLayout()函数

EXT 
阅读更多
	Ext.onReady(function () {
            var panel = new Ext.Panel({
                layout: 'table', //table 布局
                layoutConfig: { columns: 4 }, //四列
                title: '::动态添加panel中的项::',
                renderTo: Ext.getBody(),
                height: 300,
                collapse: false
            });
            for (var i = 0; i < 5; i++) {
                var btn = new Ext.Button({
                    text:'hi 你好'
                });
                panel.add(btn);
            }
            //添加组件完成后,调用下面的函数重新显示panel及组件
            panel.doLayout(); 
	}

分享到:
评论
1 楼 qq550906358 2012-02-27  
谢谢了,这个问题困扰了我半天,原来添加一个doLayout就没事了

相关推荐

    extJs中关于formPanel动态添加组件的验证问题

    因此,我们需要在添加字段后,调用`doLayout`方法更新布局,并且需要对新字段执行以下操作: 1. **设置验证规则**:为新添加的字段指定验证规则,这通常通过`field.setValidator()`方法完成,传入一个函数作为验证...

    Extjs自动最大化panel

    4. **自定义代码**:在某些情况下,可能需要编写自定义JavaScript代码来处理复杂的动态布局需求,例如在Panel初始化后或容器尺寸改变时手动调用`doLayout`方法来更新布局。 在提供的压缩包文件中,`TestAuoMaxPanel...

    ExtJs 动态添加表单

    var formPanel = Ext.create('Ext.form.Panel', { layout: 'form', items: [] }); ``` 2. **定义表单字段**: 根据需求,我们可以定义各种类型的字段。例如,添加一个文本字段: ```javascript var ...

    EXT动态新增一行

    6. **性能优化**:考虑到大量动态添加组件可能会影响性能,可以考虑使用延迟加载(Lazy Loading)或者虚拟滚动(Virtual Scrolling)技术,只在可视区域内渲染必要的行。 7. **用户交互**:为了提供良好的用户体验...

    Extjs4 API文档阅读(三)——布局和容器

    一旦完成所有操作后,再手动调用`doLayout`方法来更新布局: ```javascript var containerPanel = Ext.create('Ext.panel.Panel', { renderTo: Ext.getBody(), width: 400, height: 200, title: 'Container ...

    关于ExtJS的工具栏动态添加按钮(从后台数据库读取信息).doc

    5. **刷新界面**:添加完所有按钮后,调用`doLayout`方法确保工具栏更新并显示新添加的按钮。 通过以上步骤,我们实现了从后台数据库动态加载并创建工具栏按钮的功能。这种方式允许我们根据用户权限或其他业务逻辑...

    Java继承JPanel实现自适应布局的面板

    在`AutojustChildPanel`中,可能重写了`JPanel`的`reshape`、`doLayout`或`validate`方法,以确保在尺寸改变时能正确处理组件的布局。 自适应布局的关键在于当窗口或容器的大小发生变化时,能够动态地重新计算和...

    Ext JS Grid在IE6 下宽度的问题解决方法

    解决方法: 1、修改ext-all.css,找到.x-grid3-header-offset,修改为.x-grid3-header-offset{padding-left:1px;/*width:10000px;*/width:auto;... Ext.grid.GridPanel.prototype.doLayout.call(this

    Extjs3.0 checkboxGroup 动态添加item实现思路

    5. 最后调用doLayout方法,确保容器组件正确地布局新的CheckboxGroup组件,使得界面更新显示。 总结来说,Extjs3.0的CheckboxGroup组件在处理动态数据时,需要重新构建整个组件,而不是单独添加item。通过上述步骤...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...

    jQuery EasyUI 1.4 离线简体中文API文档

    panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” ...

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” ...

    FormPanel的插入与删除

    - 如果需要,可以调用`doLayout()`方法强制表单重新布局。 3. **删除字段**:移除表单字段时,可以使用`remove()`方法,传入要删除的字段实例或其索引。删除后,表单会自动更新其布局,同时释放被删除字段占用的...

    ExtAspNet_v2.3.2_dll

    -修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...

    JAVA的JTable常用方法[借鉴].pdf

    在Java Swing库中,`JTable`是一个非常重要的组件,用于展示二维数据集,通常用于创建数据表或电子表格。`JTable`是基于模型-视图-控制器(MVC)设计模式,允许用户交互地查看和编辑数据。在给定的代码段中,我们...

    twaverJavaAPI

    - **布局算法:** 提供了多种自动布局算法,如Spring布局、Circle布局等,通过`Graph.doLayout()`执行。 - **事件处理:** 可以监听用户交互事件,如点击、拖动等,进行相应的业务逻辑处理。 - **动画效果:** ...

    umy-ui封装,支持虚拟加载

    4. **配置虚拟滚动**:在`&lt;u-ux-table&gt;`组件上设置`virtual-scroll`属性为`true`,并根据需要配置其他虚拟滚动相关的参数,如每屏显示行数。 5. **数据分页和懒加载**:为了配合虚拟加载,通常需要对后端接口进行...

    MFC窗口布局管理器

    在这里,我们可以看到`ETSLayout`类如何继承自MFC的基类,以及它提供的接口,比如`AddControl`用于添加控件到布局,`RemoveControl`用于移除控件,`CalcLayout`可能用于计算控件的新位置和大小,以及`DoLayout`可能...

    springBoot整合kafka和elasticSearch,实现批量拉取日志以及批量更新到es里

    对于Kafka,我们需要添加`spring-kafka`依赖,它提供了与Kafka交互的API。对于Elasticsearch,我们可以引入`spring-boot-starter-data-elasticsearch`,它简化了与Elasticsearch的集成。同时,确保版本兼容,避免因...

Global site tag (gtag.js) - Google Analytics