Custom FormPanel buttons event or method not a function.

[muratyildiz]

FireBug error:

btns[i].setDisabled is not a function
btns[i].setDisabled(true);

Ext.define('Jes.ux.FormPanel', {
    extend : 'Ext.form.FormPanel',
    requires: ['Jes.ux.Button'],
    alternateClassName : 'Jes.FormPanel',
    alias : 'widget.jform',
    method : null,
    hiddenStates : null,
    showStates : null,
    enableStates : null,
    disableStates : null,
    validation : false,
    border : true,
    bodyPadding : 10,
    url : null,
    initComponent : function() {
        Jes.ux.FormPanel.superclass.initComponent.apply(this, arguments);
    },// eo initComponent
    setState : function(method) {
        if (this.getForm().buttons) {
            var btns = this.getForm().buttons;
            Ext.each(btns, function(btn) {
                if (Ext.isObject(btn)) {
                    btn.setDisabled(true);
                }
            });
        }
    }
});

[jay@moduscreate.com]

try this.fbar.items.each(function(btn) { btn.disable() }));

I have not tested this with ext 4, but it's along the correct lines.

[muratyildiz]

That code did not work

The sample code that does not work

.......................
            ,buttons:[                 {text:'Save',xtype:'jbutton',onSuccess:function(form,action)
{panel1.setState('giris');panel1.disableFields(true);},method:'kaydet'},
{disableStates:'giris',text:'Delete',xtype:'jbutton',onSuccess:function(form,action){alert('silindi');},method:'sil',enableStates:'edit'}                 ,
{onClick:function(){this.up('jform').getForm().reset();panel1.disableButtons(false);panel1.setState('kaydet','last');},disableStates:'kaydet',text:'Cancel',xtype:'jbutton',enableStates:'edit'}             ] ........................

but this works

,buttons:[                 
Ext.create('Jes.ux.Button',{text:'Save',xtype:'jbutton',onSuccess:function(form,action){panel1.setState('giris');panel1.disableFields(true);},method:'kaydet'})                 ,
Ext.create('Jes.ux.Button',{disableStates:'giris',text:'Delete',xtype:'jbutton',onSuccess:function(form,action){alert('silindi');},method:'sil',enableStates:'edit'})                 ,
Ext.create('Jes.ux.Button',{onClick:function(){this.up('jform').getForm().reset();panel1.disableButtons(false);panel1.setState('kaydet','last');},disableStates:'kaydet',text:'Cancel',xtype:'jbutton',enableStates:'edit'})             ]

I changed the code as follows:

...............
    setState : function(m, fld) {
        if (this.getForm().buttons) {
            var btns = this.getForm().buttons;
            Ext.each(btns, function(btn) {
                btn.changeState(m);//custom buttons method.
            });
        }
        if (fld) {
            this.findField(fld).focus(true, 100);
        }
    }// eo setState
............

problem is solved. thanks