Extjs 4.2 动态更新panel内容

原创 2013年12月02日 11:04:26

1. 创建panel

    var test_panel = Ext.create('widget.panel',{
        id: 'test_panel_id'
    });


2. 动态更新

Ext.getCmp('test_panel_id').removeAll();
		        	test_panel.add(
	        			Ext.create('widget.panel',{
    						id:'test_panel_details_id',
    						html: '自行定义,动态更新可写到Ajax success,submit success等处'
    					})
    				);										
    				Ext.getCmp('test_panel_id').doLayout(true);	//别忘了这句


相关文章推荐

ExtJs4.2学习--Ext.tab.Panel 选项卡

1、基本标签的容器中。 TabPanels可以使用完全一样的标准Ext.panel.Panel布局的目的,但也有包含正在使用CardLayout布局管理器管理的子组件(项目)的特殊支持,并显示为单独的...

关于EXTJS panel中chart 图表动态替换时面板关闭再打开问题 TypeError: el is null

查阅了很多资料,网上大多数都是初始化initComponent的方法,但我没成功。谈一下个人见解,本人也是菜鸟。图表替换大致思路就是对面板中item替换,使用add()的方法, 重点部分用红色标注,...

Extjs4.1向Ext.grid.Panel创建的gridpanel中动态在第一行插入数据

一、配置Ext和导包 Ext.Loader.setConfig({     enabled: true }); Ext.Loader.setPath('Ext.ux', 'ext-4.1.0-...
  • e_wsq
  • e_wsq
  • 2012年04月18日 09:23
  • 2761

extjs panel中动态增加items

(mvc模式下的实现) { xtype : 'panel', height : 140, width : 500, id : 'dynamicF...
  • Jay821
  • Jay821
  • 2013年12月17日 18:16
  • 8557

ExtJS中panel动态删除子组件及其label

今天小小的成功让我兴奋不已。     在ExtJS中的panel面板中实现动态删除组件及其label,panel命名为login,实现代码如下:                    ...

ExtJS4+Servlet/Struts2+JSON+accordion布局动态Ext.tree.Panel菜单

先贴个图给大家,实现的是一个Accordion布局的动态菜单,俗称手拉琴布局,切入正题:        首先构造出一个窗口(Ext.window.Window),布局选择Accordion,代码: ...

ExtJs 4.x 学习小记:动态添加节点到Ext.tree.Panel

实现:页面中有一个表单,输入分类名称,保存成功后,左侧目录树上添加一个新的节点。 jsp代码 ,"././js/cataloginfo.js"为Ext创建表单的脚本 ...
  • bdmh
  • bdmh
  • 2014年03月24日 14:28
  • 8866

extjs在panel中动态添加模板并加载数据

废话不多说,直接上代码: // Ext的panel Ext.define('MyApp.view.misDetailPanel', { extend: 'Ext.panel.Panel', ...

Extjs4.2 在FireFox中正常在IE中异常----Grid中内容长度大于列宽时

开发Extjs时,经常会遇到在firefox中显示正常,在IE下就不正常的情况,上次写了一篇关于roweditor在IE下按钮位于上方的奇葩现象,这次是grid。废话不多说,直接上图。就是一个最普通的...

动态改变panel 中items内容

JavaScriptEXT 动态改变panel 中items内容 悬赏:10 发布时间:2011-08-09 提问人:xwf2010_good (初级程序员)  > 猎头职位...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Extjs 4.2 动态更新panel内容
举报原因:
原因补充:

(最多只允许输入30个字)