Results 1 to 3 of 3

Thread: different look in a form with loaded data

  1. #1
    Ext User
    Join Date
    Jun 2008
    Location
    Menden, Germany
    Posts
    25

    Default different look in a form with loaded data

    Hi there.

    I got a problem that drives me crazy.
    Why does the form in a window with loaded data looks different than a one without data?
    Please take a look on the attachment.
    The form with the loaded data doesn't have a blue background behind the buttonbar. That's all over my project. I would like to have this blue background always.

    Now there's the question too, which sourcecode do you need to help me in this.
    First i have the declaration of the window:

    PHP Code:
    editAnsprechpartnerWindow = new Ext.Window({
            
    id'editAnsprechpartnerWindowId',
            
    title'Ansprechpartner bearbeiten',
            
    iconCls'pencil',
            
    modaltrue,
            
    resizablefalse,
            
    width470,
            
    height340,
            
    plaintrue,
            
    items:[{
                
    xtype'tabpanel',
                
    activeTab:0,
                
    items: [{
                    
    xtype'form',
                    
    title'Details',
                    
    id'editAnsprechpartnerFormId',
                    
    bodyStyle'padding: 10px;',
                    
    url'./php/vmms.php',
                    
    baseParams: {
                        
    task'ansprechpartnerEditSubmit'
                    
    },
                    
    reader: new Ext.data.JsonReader ({
                        
    root'results',
                        
    totalProperty'total',
                        
    id'id',
                        
    fields: [
                                 
    'ansprechpartner_id',
                                 
    'vorname',
                                 
    'nachname',
                                 
    'mail',
                                 
    'mobil',
                                 
    'anreden_id',
                                 
    'orts_id',
                                 
    'orte_ansprechpartner_id',
                                 
    'positions_id'
                        
    ]
                    }),
                    
    defaults: {
                        
    anchor '92%'
                    
    },
                    
    items: [{
                        
    xtype'textfield',
                        
    fieldLabel'Ansprechp.-ID',
                        
    name'ansprechpartner_id',
                        
    readOnlytrue
                    
    },{
                        
    xtype'hidden',
                        
    fieldLabel'Orte-Ansprechpartner ID',
                        
    name'orte_ansprechpartner_id',
                        
    readOnlytrue
                    
    },
                    
    /*{
                        xtype: 'combo',
                        id: 'ortAnsprechpartnerEditComboId',
                        fieldLabel: 'Shop',
                        name: 'ort',
                        allowBlank: false,
                        store: orteComboStore,
                        displayField:'ortsname',
                        valueField:'orts_id',
                        hiddenName:'orts_id',
                        editable:true,
                        lazyRender:true,
                        mode:'remote',
                        triggerAction:'all',
                        selectOnFocus:true,
                        typeAhead: true
                    },*/
                    
    {
                        
    xtype'combo',
                        
    id'ortAnsprechpartnerPositionEditComboId',
                        
    fieldLabel'Position',
                        
    name'position',
                        
    allowBlanktrue,
                        
    storepositionComboStore,
                        
    displayField:'positionsbezeichnung',
                        
    valueField:'positions_id',
                        
    hiddenName:'positions_id',
                        
    editable:false,
                        
    lazyRender:true,
                        
    mode:'remote',
                        
    triggerAction:'all',
                        
    selectOnFocus:true
                    
    },{
                        
    xtype'combo',
                        
    id'ortAnsprechpartnerAnredeEditComboId',
                        
    fieldLabel'Anrede',
                        
    name'anrede',
                        
    allowBlankfalse,
                        
    storeanredeComboStore,
                        
    displayField:'anrede',
                        
    valueField:'anreden_id',
                        
    hiddenName:'anreden_id',
                        
    editable:false,
                        
    lazyRender:true,
                        
    mode:'remote',
                        
    triggerAction:'all',
                        
    selectOnFocus:true
                    
    },{
                        
    xtype'textfield',
                        
    fieldLabel'Vorname',
                        
    name'vorname',
                        
    allowBlanktrue,
                        
    maxLength50
                    
    },{
                        
    xtype'textfield',
                        
    fieldLabel'Nachname',
                        
    name'nachname',
                        
    allowBlankfalse,
                        
    maxLength50
                    
    },{
                        
    xtype'textfield',
                        
    fieldLabel'Mobil',
                        
    name'mobil',
                        
    allowBlankfalse,
                        
    maxLength20
                    
    },{
                        
    xtype'textfield',
                        
    fieldLabel'Mail',
                        
    name'mail',
                        
    allowBlanktrue,
                        
    maxLength100
                    
    }],
                    
    buttons: [{
                        
    text'Speichern',
                        
    hiddentrue,
                        
    id'editAnsprechpartnerButtonId',
                        
    handleransprechpartnerEditSubmit
                    
    },{
                        
    text'Abbrechen',
                        
    handler: function () {
                            
    editAnsprechpartnerWindow.hide();
                            
    Ext.getCmp('editAnsprechpartnerFormId').getForm().reset();
                        }
                    }]
                },{
                    
    xtype'grid',
                    
    id'ansprechpartnerShopListeGridId',
                    
    title'Ansprechpartner-Shop Liste',
                    
    iconCls'arrow_switch',
                    
    autoScroll:true,
                    
    borderfalse,
                    
    storeansprechpartnerShopListeStore,
                    
    loadMask: new Ext.LoadMask(Ext.getBody(), { msg"Bitte warten ..." }),
                    
    selModel: new Ext.grid.RowSelectionModel( { singleSelectfalse }),
                    
    stripeRowstrue,
                    
    columns:[{
                        
    header'ID',
                        
    dataIndex'orte_ansprechpartner_id',
                        
    sortabletrue,
                        
    hiddentrue,
                        
    width50
                    
    },{
                        
    header'Ort',
                        
    dataIndex'ortsname',
                        
    sortabletrue,
                        
    width300
                    
    }],
                    
    tbar: [{
                        
    text'Shop hinzufügen',
                        
    iconCls'add',
                        
    id'editAnsprechpartnerNeuerShopId',
                        
    hiddenfalse,
                        
    handler: function(){
                            
    neuerOrtBeiAnsprechpartnerWindow.show();
                        }
                    }]
                }]
            }]
        }); 
    Thanks a lot so far.
    Attached Images Attached Images

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    The difference is that in the second image the buttons are in a tabpanel (.x-tab-panel-body has a white background).

  3. #3
    Ext User
    Join Date
    Jun 2008
    Location
    Menden, Germany
    Posts
    25

    Default

    Thanks a lot, i changed it in css

Similar Threads

  1. Form description box should be loaded with form data
    By Dumas in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 18 Sep 2009, 9:23 AM
  2. WHY: TextArea not being updated via form loaded JSON data?
    By wgpubs in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 24 Aug 2009, 9:23 PM
  3. form - last loaded data
    By dizor in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 5 Apr 2009, 5:15 AM
  4. Form, data loaded, reset isDirty() true after save?
    By jezmck in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 19 May 2008, 6:38 AM
  5. Replies: 0
    Last Post: 26 Feb 2008, 10:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •