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,653
    Vote Rating
    402
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar