中鱼文林
2009-04-19 15:53
浏览 596
已采纳

如何遍历ExtJS的TabPanel并获得每个Tab中的包含的输入框的值?

有个这样的需求,一个问卷包含多个问题组,每个问题组包含多个问题。

实现是这样的,问题组输入使用TabPanel展现,动态添加Tab到TabPanel中,然后在Tab中添加 TextField,

现在遇到的问题是如何遍历TabPanel并将每个Tab 中包含的TextField的值取出来,
并处理好问题组和问题的对应关系。

后台使用的是Struts2。

有这方面经验的朋友帮忙给点建议和提示,感激不尽!

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • zhoujuan520 2009-04-19 20:10
    已采纳

    [code="js"]

    Ext.onReady(function() {
    var tp = new Ext.TabPanel({
    renderTo : document.body,
    region : 'center',
    activeTab : 0,
    tbar : [{
    text : '获取',
    handler : function() {
    var arr = new Array();
    tp.items.each(function(item) {
    item.show();
    arr.push(item.items.itemAt(0).form.getValues());
    });
    alert(Ext.encode(arr));
    }
    }],
    items : [{
    title : '问题组1',
    layout : 'fit',
    items : [{
    xtype : 'form',
    labelWidth : 50,
    defaults : {
    xtype : 'textfield'
    },
    items : [{
    fieldLabel : '选项1',
    value : 't1',
    name : '选项1'
    }, {
    fieldLabel : '选项2',
    value : 't2',
    name : '选项2'
    }]
    }]
    }, {
    title : '问题组2',
    layout : 'fit',
    items : [{
    xtype : 'form',
    labelWidth : 50,
    defaults : {
    xtype : 'textfield'
    },
    items : [{
    fieldLabel : '选项3',
    value : 'a1',
    name : '选项3'
    }, {
    fieldLabel : '选项4',
    value : 'a2',
    name : '选项4'
    }]
    }]
    }]
    });
    var view = new Ext.Viewport({
    layout : 'border',
    items : [tp]
    });
    })
    [/code]

    评论
    解决 无用
    打赏 举报
查看更多回答(2条)

相关推荐 更多相似问题