extjs4 panel如何加载一个新页面

Question

求大虾帮忙：
extjs3的时候如果要为panel加载一个新的页面，可以写成
panel.load({
url:"xxx",
script:true
});
这样的方法去加载，但到了extjs4的时候发现该方法好像已经不好用了，如果我要动态为这个panel加载一个新的页面该如何做？

Answer 1

这种意思？Ext.onReady(function () {
             var panel = Ext.create('Ext.Panel', {
                 id: 'myPanel',
                 title: 'Anchor Layout',                
                 renderTo:Ext.getBody(),                 
                 loader:{ url: "/1.htm",autoLoad:true}//加载1.htm页面
             });
                     });

Answer 2

对，我要的就是这种方法，，但是请问1.html里面可以写什么代码，给否给出一个完整的例子

Answer 3

任意都行的意思是指什么？比如说我写的1.html如下：
<script type="text/javascript">
Ext.onReady(function(){
var form = Ext.create('Ext.form.Panel', {
        border: false,
        fieldDefaults: {
            labelWidth: 55
        },
        renderTo:"out",
        defaultType: 'textfield',
        bodyPadding: 5,

        items: [{
            fieldLabel: 'Send To',
            name: 'to',
            anchor:'100%'  // anchor width by percentage
        },{
            fieldLabel: 'Subject',
            name: 'subject',
            anchor: '100%'  // anchor width by percentage
        }, {
            xtype: 'textarea',
            hideLabel: true,
            name: 'msg',
            anchor: '100% -47'  // anchor width by percentage and height by raw adjustment
        }]
    });
});

</script>
<div id="out" />
但我发现这样用loader根本没法加载1.html到我要的panel中去，请高手指教

Answer 4

请注意我不是要加载随便一个html的代码，，html页面里面写的也是ext 的代码

Answer 5

加上:scripts:true
loader: { url: "1.htm", autoLoad: true, scripts: true}//加载1.htm页面

Answer 6

回复4楼：
Ext.onReady(function(){});
去掉上面的嵌套，即可显示