Javascript sencha touch动态构建formpanel

Javascript sencha touch动态构建formpanel,javascript,extjs,sencha-touch,sencha-touch-2,Javascript,Extjs,Sencha Touch,Sencha Touch 2,我是新来sencha touch和 我想在用户单击某个侦听器后创建一个formPanel,我发现了如何侦听一个项,但问题是创建一个页面并用来自JsonP请求的数据填充它 我试过了 Ext.data.JsonP.request({ url: 'url', callbackName: 'callback1', success: function(result, request) { Ext.Viewport.add({ title : 'Category', icon

我是新来sencha touch和 我想在用户单击某个侦听器后创建一个formPanel,我发现了如何侦听一个项,但问题是创建一个页面并用来自JsonP请求的数据填充它 我试过了

Ext.data.JsonP.request({
url: 'url',
callbackName: 'callback1',
success: function(result, request) {


 Ext.Viewport.add({     
    title : 'Category',
    iconCls : 'home',
    id:'category'+id,
    xtype : 'formpanel',  
    deferredRender:true,
    tabBarPosition : 'bottom',
    data:result.prop
}); }});

在控制台中没有错误,表单已添加,但不在已存在的formpanel中

您可以尝试下面的示例代码

onButtonClick: function(button) {

Ext.data.JsonP.request({
url: 'url',
callbackName: 'callback1',
success: function(result, request) {


 button.up('some_id').add({     
    title : 'Category',
    iconCls : 'home',
    id:'category'+id,
    xtype : 'formpanel',  
    deferredRender:true,
    tabBarPosition : 'bottom',
    data:result.prop
 }); 
}});

}