Ext.Button vs <input type="submit" name>. Need POST variable

[mikhailt]

I need an Ext.Button equivalent to the following HTML

<input type="submit" name="button1" value="buttonOne">

This HTML-based button submits POST variable named "button1" with a value "buttonOne".
How to do this with Ext.Button?

The problem is that Ext.Button has no 'name' property and does not submit a POST variable.

[jay@moduscreate.com]

Any reason why you couldn't put it in there?

var myBtn = new Ext.Button({
..//
   name : "myName',


});

[mikhailt]

Any reason why you couldn't put it in there?

var myBtn = new Ext.Button({
..//
   name : "myName',


});

The only reason is that this does NOT submit 'name' as POST variable. It's useless.

With HTML-button <input type='submit' name='myname'>
'myname' will be submitted as POST.

I need the same for Ext.Button.


My situation: I have many buttons in a form. And I want to differ between submitting through different buttons. The easiest way to do this is to send a POST variable with pressing a button.

[devnull]

add an additional param to the request when the button is pressed. or add a hidden field to the form.

[mikhailt]

add an additional param to the request when the button is pressed.

Right. The question is how to do this?
Is there any tutorials available about button-click POST requests actions?

[radustefan]

var btnSubmit = new Ext.form.Hidden({id:'Submit', name:'Submit', value:''})
myDialog.add( btnSubmit );
    
function HandleSubmit( btn )
{
    btnSubmit.setValue( btn.name );
        myDialog.getForm().getEl().dom.submit();
} 

[Animal]

Try

Ext.SubmitButton = Ext.extend(Ext.Button, {
    template: new Ext.Template(
		'<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>',
		'<td class="x-btn-left"><i>&amp;#160;</i></td><td class="x-btn-center"><input type="submit" class="x-btn-text" name="{1}" value="{0}></td><td class="x-btn-right"><i>&amp;#160;</i></td>',
		"</tr></tbody></table>"),
	
	onRender:   function(ct, position){
        var btn, targs = [this.text || ' ', this.name];
        if(position){
            btn = this.template.insertBefore(position, targs, true);
        }else{
            btn = this.template.append(ct, targs, true);
        }
        var btnEl = btn.child("input:first");
        btnEl.on('focus', this.onFocus, this);
        btnEl.on('blur', this.onBlur, this);

        this.initButtonEl(btn, btnEl);
        btn.un(this.clickEvent, this.onClick, this);
        Ext.ButtonToggleMgr.register(this);
    }
});

[Animal]

The ampersand 160 things are supposed to be HTML entities ampesrand#160; to put a non breaking space in there, but the forum software doesn't like them.

[Animal]

Oh, you'll also need

.x-btn input {
    border: 0px none;
    background: transparent none repeat scroll 0 0;
    color: #333333;
}

[mikhailt]

Animal, Well, after many tests, I could not get this to work. This is not button, this is input field, and text is editable there. But no click event works on this field. It does not submit the form.

But I solved the problem by posting an addition variable through a hide input field when pressing button.