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

Question

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

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

1. 通过 HTTP POST 将 2 个单选按钮值和 1 个组合框值提交到 sendstock.php
2. 提交成功后进入下一页

这是我为 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的值，应该给我提供Available或者NoStock，而不是on .

此外，这是在成功提交后将用户转到下一页的正确方法吗？

谢谢!

Answer 1

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

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

inputValue 值应该在表单发布而不是“on”上发送。