如何通过Extjs BoxComponent通过提交表单获取单选按钮值?

时间:2009-11-13 09:34:08

标签: javascript extjs

我在通过boxcomponent提交表单时遇到了一些困难。我正在使用boxComponent,因为我有自定义按钮图像,奇怪的是透明度只适用于boxComponent。

基本上我的想法是当我点击我的boxComponent按钮时,它会做两件事:

  1. 通过HTTP POST提交2个单选按钮值和1个组合框值到sendstock.php
  2. 成功提交后,将进入下一页
  3. 以下是我对boxComponent的了解:

    var bc_button = new Ext.BoxComponent({
            autoEl: {
                tag: 'img',
                src: 'next_button.gif'
            },
            style: 'cursor: pointer;',
            listeners: {
                enable: function(c) {
                    c.getEl().on('click', function() {
                    myformpanel.getForm().getEl().dom.action = 'sendstock.php';
                    myformpanel.getForm().getEl().dom.method = 'POST';
                    myformpanel.getForm().submit({
                        success:function() {
                            window.location.replace("toNextPage.php");
                        }
                    });
    
                });
                }
    
            }
    });
    

    以下是我的问题,结果如下:

    comboxbox = 3, 
    radiobtn1 = on
    radiobtn2 = on
    

    我需要的是要提交的radiobtn1和radiobtn2的值,应该提供AvailableNoStock,而不是on

    此外,这是在成功提交后将用户发送到下一页的正确方法吗?

    谢谢!

1 个答案:

答案 0 :(得分:2)

确保在单选按钮上设置inputValue配置属性。

var rad = new Ext.form.Radio({ name: 'something', inputValue: 'purple'});

然后应在表单帖子上发送inputValue值,而不是“on”。