1. #1
    Sencha User
    Join Date
    Mar 2011
    Posts
    4
    Vote Rating
    0
    dnitke is on a distinguished road

      0  

    Default FormPanel disable not working

    FormPanel disable not working


    Anyone see what my issue is in this logic, I was able to disable the text fields quite easily with

    customerMaintenanceForm.getForm().findField('customerCard').setDisabled(true);

    in the same function but the button disable shows "null" in the firebug debugger even though I see the "save" iD under the buttons of the FormPanel customerMaintenanceForm object.

    Thanks
    Don N.


    Form Panel Definition:

    var customerMaintenanceForm = new Ext.FormPanel({
    labelAlign: 'left',
    url : '/csc/CustomerMaintenanceServlet',
    frame :true,
    title : 'Customer Maintenance',
    bodyStyle :'padding:5px 5px 0',
    width : 950,
    items : [{
    xtype :'textfield',
    fieldLabel: 'Customer Card',
    name : 'customerCard',
    anchor :'30%',
    maskRe :/[0-9]/,
    maxLength : 16,
    maxLengthText: 'Customer card must be 16 digits',
    minLength : 16,
    minLengthText: 'Customer card must be 16 digits',
    allowBlank: false,
    tabIndex : 1
    },{
    xtype :'textfield',
    fieldLabel: 'First Name',
    name : 'firstName',
    anchor :'50%',
    allowBlank: false,
    tabIndex : 2
    },{
    xtype :'textfield',
    fieldLabel: 'Last Name',
    name : 'lastName',
    anchor :'50%',
    allowBlank: false,
    tabIndex : 3
    },{
    xtype :'textfield',
    fieldLabel: 'Business Name',
    name : 'businessName',
    anchor :'75%',
    tabIndex : 4
    },{
    xtype :'textfield',
    fieldLabel: 'Address',
    name : 'addressLineOne',
    anchor :'95%',
    allowBlank: false,
    tabIndex : 5
    },{
    xtype :'textfield',
    fieldLabel: '',
    name : 'addressLineTwo',
    anchor :'95%',
    tabIndex : 6
    },{
    xtype :'textfield',
    fieldLabel: 'City',
    name : 'cityName',
    anchor :'55%',
    allowBlank: false,
    tabIndex : 7
    },{
    xtype :'combo',
    fieldLabel :'State',
    name :'stateName',
    anchor :'25%',
    mode :'local',
    triggerAction: 'all',
    store : states,
    valueField : 'stateCode',
    displayField:'stateName',
    allowBlank : false,
    tabIndex : 8
    },{
    xtype :'textfield',
    fieldLabel:'Zip Code',
    name :'zipCode',
    anchor :'25%',
    allowBlank: false,
    tabIndex : 9
    },{
    xtype :'textfield',
    fieldLabel: 'Phone Number',
    name : 'phoneNumber',
    vtype : 'usPhone',
    anchor :'30%',
    tabIndex : 10
    },{
    xtype :'textfield',
    fieldLabel:'Drivers License',
    name :'driversLicense',
    anchor :'40%',
    tabIndex : 11
    },{
    xtype :'textfield',
    fieldLabel:'Email',
    name :'emailAddress',
    anchor :'100%',
    vtype : 'email',
    tabIndex : 12
    }],

    buttons : [{
    id : 'add',
    text : 'Add',
    tabIndex: 9,
    height : 45,
    width : 125,
    handler : function(button, event) { setupFormForAdd();}
    },{
    id : 'edit',
    text : 'Edit',
    tabIndex: 9,
    height : 45,
    width : 125,
    handler : function(button, event) { setupFormForEdit();}
    },{
    id : 'save',
    text : 'Save',
    tabIndex: 10,
    height : 45,
    width : 125,
    handler : function(button, event) {
    customerSearchForm.getForm().submit({
    method : 'POST',
    waitTitle : 'Searching Customers',
    waitMsg : 'Processing customer search...',
    success : function (form, action) {loadCustomersGrid();} ,
    failure : function (form, action) {customerSearchFailure();}
    });
    }
    },{
    name : 'cancel',
    text : 'Cancel',
    tabIndex: 9,
    height : 45,
    width : 125,
    handler : function(button, event) { processCancel();
    }
    }]
    });


    Button disable code done after the form object is created, note that the setAllFieldsDisabled works fine.

    /**
    * Set the form to browse mode state
    */
    function setupFormForBrowse(){

    mode = "Browse";

    setAllFieldsDisabled();

    // set the buttons to allow add and edit only
    customerMaintenanceForm.findById('save').setDisabled(true);
    customerMaintenanceForm.findById('cancel').setDisabled(true);


    }

  2. #2
    Sencha User fay's Avatar
    Join Date
    Apr 2007
    Location
    Ireland
    Posts
    1,750
    Vote Rating
    9
    fay will become famous soon enough fay will become famous soon enough

      0  

    Default


    You could give your Save and Cancel buttons id values, e.g., 'btnSave' and use Ext.getCmp, e.g.,:

    Code:
     
    Ext.getCmp('btnSave').setDisabled(true);

  3. #3
    Sencha User
    Join Date
    Mar 2011
    Posts
    4
    Vote Rating
    0
    dnitke is on a distinguished road

      0  

    Default


    Thanks Fay that worked great.

Similar Threads

  1. remote combobox on toolbar not working, but working when on FormPanel
    By norizam61 in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 7 May 2010, 8:48 PM
  2. panel disable not working in IE8
    By sbonar in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 17 Mar 2010, 9:47 AM
  3. [2.2] Ext.QuickTips.disable() not working
    By Hedz in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 23 Sep 2008, 7:34 AM
  4. enable() working / disable() not working!
    By TheItalianJob in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 14 Jan 2008, 5:57 AM

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi