Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2012
    Posts
    44
    Vote Rating
    0
    kramal is an unknown quantity at this point

      0  

    Default combobox, textfield, button in toolbar. what is wrong?

    combobox, textfield, button in toolbar. what is wrong?


    Hello !

    I have following code. It is a part of code . you can think it is ok. But in browser i see something choking things. How can i fix it? thanks for your answers and sorry my englisheee.png

    Code:
    Ext.define('ShowAllGrid', {
        alias : 'widget.showallgrid',
        extend : 'Ext.grid.Panel',
        region : 'center',
        border : 0,
        store : Ext.create('ShowAllStore'),
        columns: [
            { xtype: 'rownumberer' , header: '#'},
            { text: 'Name',  dataIndex: 'name', flex: 1  },
            { text: 'Service', dataIndex: 'service', flex: 1 },
            { xtype : 'datecolumn', header: 'Date' ,format: 'Y-m-d', flex: 1, dataIndex: 'date'},
            { text: 'Cost', dataIndex: 'cost', flex: 1  }
        ],
        initComponent : function(){
            var me = this;
            me.dockedItems = [{
                xtype: 'toolbar',
                dock: 'top',
                //padding: '5 5 5 5',
                defaults:{
                    //margin: '1 1 1 1',
                    //labelStyle: 'text-align: right;font-weight:bold; width:20px'
                },
                items: [{
                    xtype: 'textfield',
                    name: 'id_search',
                    emptyText : 'ID',
                    width: 150
                } , {
                    xtype: 'combobox',
                    emptyText : 'Service',
                    width: 150
                } , {
                    xtype: 'datefield',
                    name: 'date_from_search',
                    emptyText : 'From',
                    width: 150
                } , {
                    xtype: 'datefield',
                    name: 'date_to_search',
                    emptyText : 'To',
                    width: 150
                }  , {
                    text : 'Search',
                    border: 1,
                    handler : function(){
                        Ext.Msg.alert("Searching users");
                    }
                } ,  {
                    text : 'Clear',
                    border: 1,
                    handler : function(){
                        Ext.Msg.alert("Cleared");
                    }
                } ,  {
                    iconCls : 'excell-button-image',
                    scale: 'large',
                    autoWidth : true,
                    autoHeight : true,
                    tooltip : 'Save as Excell file'
                }]
            }];

  2. #2
    Sencha - Support Team
    Join Date
    Nov 2014
    Posts
    323
    Vote Rating
    9
    joel.watson will become famous soon enough

      0  

    Default


    Hi kramal--

    Can you let us know which version of Ext JS 4 you're using, as well as which browser you're seeing these issues in?

    I converted your code into a Fiddle (see below), and it appears to render correctly, so maybe there's something else in your full configuration that is causing the issue. If you can fork the fiddle and incorporate the other parts of your code, that might help reproduce the issue and I'll be happy to help test that with you.

    Thanks!


  3. #3
    Sencha User
    Join Date
    Dec 2012
    Posts
    44
    Vote Rating
    0
    kramal is an unknown quantity at this point

      0  

    Default


    Hello ! I have used your code in fiddle and it looks good! I use ExtJS 4.2.0 and my favorite browser is Chrome.But in Firefox , opera i have such result

Thread Participants: 1