2 lucky star7 Lucky_star7 于 2014.12.11 17:18 提问

如何动态的给panel的items动态的添加数据?急急急

var sysPanel = Ext.create('Ext.panel.Panel',{
title:nodeText,
layout: 'card',
//iconCls: "icon-chart",
tbar:[{

text:'导出',
xtype: 'button',
handler:function (){

var url = "sysInfor.do?method=ExportExcel&&lastdate="+date;

        window.location.href=url;

        }  
       } 
    ],
    defaults: {
         border: false
    },
    bbar: [{
            id: 'move-prev',
            text: 'Back',
            handler: function (btn) {
                        navigate(btn.up("panel"), "prev");
                     },
            disabled: true
           },
            '->', 
           {
            id: 'move-next',
            text: 'Next',
            handler: function (btn) {
               navigate(btn.up("panel"), "next");
                    }
           }
 ],
 items:[]
});

2个回答

showbo
showbo   Ds   Rxr 2014.12.11 17:48

调用add方法添加就行了

 sysPanel.add(Ext.create('Ext.panel.Panel', { title: 'add', html: '动态加的panel' }));
sysPanel.render(document.body);
Lucky_star7
Lucky_star7 回复showbo: 我不是设置的卡式布局吗 点击next时 title会改变值 但是后面的items 也就是页面不改变
3 年多之前 回复
Lucky_star7
Lucky_star7 我不是设置的卡式布局吗 点击next时 title会改变值 但是后面的items 也就是页面不改变
3 年多之前 回复
showbo
showbo 回复Lucky_star7: 什么叫点击下一个不变。。不明白说的什么
3 年多之前 回复
Lucky_star7
Lucky_star7 回复showbo: 现在可以了动态添加了 但是当我点击下一个时 页面不变是什么回事?
3 年多之前 回复
showbo
showbo 回复Lucky_star7: 什么版本的?4.1测试没有问题
3 年多之前 回复
Lucky_star7
Lucky_star7 而且我动态添加的panel不是写死的 而是调用方法生成的
3 年多之前 回复
Lucky_star7
Lucky_star7 不行啊 我试过add方法
3 年多之前 回复
sunbo624
sunbo624   2014.12.12 16:58

最后要调用一下组件的doLayout() 重新计算一下显示布局

sunbo624
sunbo624 回复Lucky_star7: 什么下一页 grid的吗?
3 年多之前 回复
Lucky_star7
Lucky_star7 现在可以了 但是当我点击下一页的时候 数据不变啊
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
ExtJs中实现动态给items添加删除数据
1,拿到我们要操作的items对象 var _item = Ext.getCmp('changeTeachItem'); 2,删除items中元素,给要删除的指定一个id _item.remove(Ext.getCmp('lineTeach')); 3,给items中添加元素,同样也要指明一个id _item.add(lineBook_L); 4,不要忘记给items doLa
extjs panel中动态增加items
(mvc模式下的实现) { xtype : 'panel', height : 140, width : 500, id : 'dynamicFC', hidden : true, margin : '0px 0px 4px 0px', layout : { columns : 2,
extjs4.2 中Viewport动态添加或删除panel中的items
显示的viewport var viewPort = new Ext.Viewport({ id:'mainView', layout : "border", items : [{ xtype: 'panel', // title: 'Bottom Inner Panel',
动态改变panel 中items内容
JavaScriptEXT 动态改变panel 中items内容 悬赏:10 发布时间:2011-08-09 提问人:xwf2010_good (初级程序员)  > 猎头职位: 上海: 上海 ETL开发员 例如:var panel1=new Ext.panel({             id:'123',             html'123'
ExtJS 动态增加与删除items,动态设置textField可见与否
现在要使用的是在center-panel中将gridpanel去掉,换成一个treepanel于是乎,就写了如下代码:var items=Ext.getCmp(center-panel).items;for(var i=0;i  Ext.getCmp(center-panel).remove(items[i]);}var treePanel=new Ext.tree.
extjs 动态添加MenuItem
<br /><br /> <br />public void menubind()<br />    {<br />        DataTable dt = sqlHelper.getDataTableBySql("select * from yhqx_tempb where qxfid=0 order by type");<br />        for (int i = 0; i < dt.Rows.Count; i++)<br />        {<br />            Cooli
Ext动态删除items方法参考
现在要使用的是在center-panel中将gridpanel去掉,换成一个treepanel  于是乎,就写了如下代码:  var items=Ext.getCmp('center-panel').items; for(var i=0;i<items.length;i++){ Ext.getCmp('center-panel').remove(items[i]); } var
extjs表单中动态添加items
items:[ var exceptionNumber = 1; var exceptionHandling =new String; { xtype: 'fieldset', title: '异常处理', id:'exceptionHand', defa
Extjs4的FormPanel如何动态添加表单组件
{                         columnWidth:0.25,                         items:[{                             columnWidth:0.25,                             items:[{
Extjs4.1向Ext.grid.Panel创建的gridpanel中动态在第一行插入数据
一、配置Ext和导包 Ext.Loader.setConfig({     enabled: true }); Ext.Loader.setPath('Ext.ux', 'ext-4.1.0-beta-3/ux'); Ext.require([     'Ext.grid.*',     'Ext.data.*',     'Ext.util.*',     'Ext.state