viewPort的center区域能否动态添加grid

问题描述

new Ext.Viewport({ layout: 'border', items: [{ region: 'north', html: '<h1 class="x-panel-header">Page Title</h1>', autoHeight: true, border: false, margins: '0 0 5 0' }, { region: 'west', collapsible: true, title: 'Navigation', width: 200 // the west region might typically utilize a TreePanel or a Panel with Accordion layout }, { region: 'south', title: 'Title for Panel', collapsible: true, html: 'Information goes here', split: true, height: 100, minHeight: 100 }, { region: 'east', title: 'Title for the Grid Panel', collapsible: true, split: true, width: 200, xtype: 'grid', // remaining grid configuration not shown ... // notice that the GridPanel is added directly as the region // it is not "overnested" inside another Panel }, { region: 'center', xtype: 'tabpanel', // TabPanel itself has no title items: [grid1,grid2] }]});如上代码,我需要在center区域动态的添加grid3,这个怎么实现? 问题补充:lizhi92574 写道

解决方案

var center = vi.items.get(vi.items.length-1); //通过 Viewport 获取center区域组件center.add(grid3);center.doLayout();
解决方案二:
楼上正解

时间: 2024-10-25 20:42:25

viewPort的center区域能否动态添加grid的相关文章

jquery ext grid 实现动态添加,删除一行。急!!! 大神们求帮忙!10分

问题描述 jquery ext grid 实现动态添加,删除一行.急!!! 大神们求帮忙!10分 解决方案 Ext如何动态添加一行组件EXT增加删除一行 解决方案二: 添加http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.data.Store-method-add 删除,通过find找到记录,然后调用removehttp://docs.sencha.com/extjs/4.1.3/#!/api/Ext.data.Store-method-findhttp

Ext 中panel 动态添加组件 不显示 求助~

问题描述 整个页面是一个viewportviewport中的"center"域里放的是一个tabPaneltabpanel中有3个panel:tab1,tab2,tab3tab3中有3个items,其中有一个是gridpanelgridpanel中有个button,现在就是想通过点击这个button,给tab3动态添加一个panel然后然后调用tab3.doLayout(),结果没有更新,但是这个tab3确实已经加进去了这个panel,就是不显示,谁知道原因伐~~~ 解决方案 解决方案

如何实现动态添加Html文档中Form项

大家好,今天和大家谈谈如何用ASP来实现动态的添加Html文档中Form项的问题.如果你对Html比较熟悉的话肯定知道有个<form></form>的HTML标记.在<form>与</form>之间有诸如类型(type)为Text.Password.Button.Submit.Reset等的标记(元素).我们这里所说的动态的添加Form项就是指动态的添加<Form></Form>中的Text元素.那么如何去实现动态的添加Form项呢?

在ASP网页中实现dropdown控件动态添加选项

动态|控件|网页 一.问题的提出 Active Server Pages(ASP)是服务器端脚本编写的环境,它可以组合 HTML 页.脚本命令和 ActiveX 组件的功能创建和运行动态.交互的Web应用程序.然而ASP网页制作中,在使用dropdown下拉选择框控件时,通常只能对固定值进行选择,不能添加新的选项,给实际应用带来很大的不便.为了增强dropdown控件具有动态添加选项的功能,本文提供了一种将textbox控件和dropdown控件相结合的方法,使dropdown控件实现了自由添加

使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据

官网上Scrolling写的很简单.但自己要使用,却得试验很多次.     例如要实现如下简单的功能:也就是动态加载数据,不管用户向上拖动还是向下拖动,都动态加载数据. 开发app基础:Scrolling的使用,向上向下拖动,动态添加数据-"> 第一步自然是研究demo了.demo一开始就有很多内容. 对应的脚本也很简单: <script> var myScroller; $.ui.ready(function () { myScroller = $("#websli

JavaScript实现动态添加,删除行的方法实例详解

  本文实例讲述了JavaScript实现动态添加,删除行的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

Jquery动态添加输入框的方法

  本文实例讲述了Jquery动态添加输入框的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 <!-- 页头 --> <#include "../common/

利用js动态添加删除table行的示例代码

 本篇文章主要是对利用js动态添加删除table行的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:    代码如下: //动态添加行 function addRow(){    var table = document.getElementById("tableID");    var newRow = table.insertRow(); //创建新行    var newCell1 = newRow.insertCell(); //创建新单元格    

多选列表框动态添加,移动,删除,全选等操作的简单实例

 本篇文章主要是对多选列表框动态添加,移动,删除,全选等操作的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <% dim a a = split(Request.Form("sourceList"),",") Response.Write "Source:" & Request.Form("sourceList") & ubound(a) & "<