sencha touch 动态构建窗体

Posted

技术标签:

【中文标题】sencha touch 动态构建窗体【英文标题】:sencha touch build formpanel dynamically 【发布时间】:2014-06-10 06:32:34 【问题描述】:

我是 sencha touch 的新手 我想在用户点击某个监听器后创建一个表单面板,我发现了如何监听一个项目,但问题是创建一个页面并用来自 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
); );

在控制台中没有错误,并且添加的表单但不在已经存在的表单面板中

【问题讨论】:

【参考方案1】:

你可以试试下面的示例代码..

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
 ); 
);


【讨论】:

以上是关于sencha touch 动态构建窗体的主要内容,如果未能解决你的问题,请参考以下文章

Sencha Touch 动态添加项目

SENCHA:如何通过单击 SENCHA touch 中的添加/删除按钮动态添加/删除文本字段

Sencha Touch 2 动态获取容器数据/存储

sencha touch :: 为视口动态创建面板

使用 sencha touch2 动态创建轮播

Sencha touch 2 - 如何创建动态轮播?