1. #1
    Sencha User
    Join Date
    Apr 2010
    Location
    China
    Posts
    43
    Vote Rating
    0
    manlsea is on a distinguished road

      0  

    Default Changes in 'fieldset's width half a beat slower.

    Changes in 'fieldset's width half a beat slower.


    Code:
    Ext.define('App.view.salesOrderEdit', {    extend: 'Ext.window.Window',
        alias: 'widget.salesorderedit',
        items: {
            xtype: 'form',
            border: false,
            frame: true,
            bodyPadding: '5 0 5 5',
            padding: 10,
            layout: 'anchor',
            fieldDefaults: {
                labelWidth: 100,
                anchor: '95%',
                defaultType: 'textfield',
                msgTarget: 'side'
            }, 
            items: [
            {
                xtype: 'hiddenfield',
                name: 'id',
                value: 0
            },
            {
                xtype: 'fieldset',
                title: 'Order Information',
                collapsed: false,
                collapsible: true,
                layout: 'hbox', 
                items: [{
                    xtype: 'container',
                    flex: 1,
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        name: 'rname',
                        maxLength: 40,
                        minLength: 3,
                        allowBlank: false,
                        fieldLabel:  'Name'
                    }, {
                        xtype: 'combobox',
                        fieldLabel: 'Customer',
                        name: 'customersid',
                        displayField: 'rname',
                        valueField: 'id',
                        queryMode: 'local',
                        editable: false 
                    }]
                },
                {
                    xtype: 'container',
                    flex: 1, 
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        name: 'ordercode',
                        readOnly :true,
                        maxLength: 16,
                        fieldLabel: 'Order Code'
                    }, {
                        xtype: 'combobox',
                        fieldLabel: 'Currency',
                        name: 'currency',
                        displayField: 'name',
                        valueField: 'value',
                        queryMode: 'local',
                        editable: false,
                        store: userTypeStore
                    }]
                }]
            },
            {
                xtype: 'fieldset',
                title: 'X Information',
                collapsed: false,
                collapsible: true,
                layout: 'column',
                items: [{
                    xtype: 'container',
                    columnWidth: 0.5,
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        name: 'xrname',
                        maxLength: 40,
                        minLength: 3,
                        allowBlank: false,
                        fieldLabel:  'Name'
                    }]
                },
                {
                    xtype: 'container',
                    columnWidth: 0.5,
                    layout: 'anchor',
                    items: [{
                        xtype: 'textfield',
                        name: 'xordercode',
                        maxLength: 16,
                        fieldLabel: 'Order Code'
                    }]
                }]
            }]
        },
        initComponent: function () {
    
    
            Ext.apply(this, {
                iconCls: 'iconFeedEdit',
                animateTarget: 'saleslistTab', 
                autoShow: true,
                width: 800,
                autoScroll: true,
                border: false,
                resizable: true,
                modal: true,
                collapsible: true,
                title: 'Edit SalesOrder', 
                maximizable: true,
                resizable: false,
                buttons: [
                {
                    text: 'Reset',
                    handler: function () { this.up('window').down('form').getForm().reset(); }
                },
                { text: 'Cancel', scope: this, handler:  this.close },
                { text: 'Submit', scope: this.up('window'), iconCls: 'iconSubmit', action: 'submit'}]  
            });
            this.callParent(arguments);
        }
    });
    The practical effect of the following figure:
    stp1.jpg
    stp2.jpg
    stp3.jpg
    How to solve this problem? Who can help me.
    Extjs 4.1 RC2
    Chrome 18.0.1025.152 m

    Has been solved, thank's.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,918
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    See if this layout will help anyway.. I see you have it marked as solved.

    Code:
    Ext.define('App.view.MyWindow', {
        extend: 'Ext.window.Window',
        height: 250,
        width: 800,
    
        maximizable: true,
        resizable: false,
        bodyPadding: '5 0 5 5',
    
        layout: {
            align: 'stretch',
            type: 'vbox'
        },
        title: 'My Window',
    
        initComponent: function() {
            var me = this;
    
            Ext.applyIf(me, {
                items: [
                    {
                        xtype: 'fieldset',
                        layout: {
                            align: 'stretch',
                            type: 'hbox'
                        },
                        collapsible: true,
                        title: 'My Fields',
                        height: 100,
                        flex: 1,
                        items: [
                            {
                                xtype: 'container',
                                layout: {
                                    align: 'stretch',
                                    type: 'vbox'
                                },
                                flex: 1,
                                items: [
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label'
                                    },
                                    {
                                        xtype: 'combobox',
                                        fieldLabel: 'Label'
                                    }
                                ]
                            },
                            {
                                xtype: 'container',
                                layout: {
                                    align: 'stretch',
                                    type: 'vbox'
                                },
                                flex: 1,
                                items: [
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label'
                                    },
                                    {
                                        xtype: 'combobox',
                                        fieldLabel: 'Label'
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        xtype: 'fieldset',
                        layout: {
                            align: 'stretch',
                            type: 'hbox'
                        },
                        collapsible: true,
                        title: 'My Fields',
                        flex: 1,
                        items: [
                            {
                                xtype: 'container',
                                layout: {
                                    align: 'stretch',
                                    type: 'vbox'
                                },
                                flex: 1,
                                items: [
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label'
                                    }
                                ]
                            },
                            {
                                xtype: 'container',
                                layout: {
                                    align: 'stretch',
                                    type: 'vbox'
                                },
                                flex: 1,
                                items: [
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label'
                                    }
                                ]
                            }
                        ]
                    }
                ]
            });
    
            me.callParent(arguments);
        }
    
    });
    
    Ext.onReady(function(){
    
        Ext.create('App.view.MyWindow', {
        }).show(); 
    
    });
    Regards,
    Scott.

Thread Participants: 1

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