Page 2 of 2 FirstFirst 12
Results 11 to 20 of 20

Thread: [ext-4.0.2a] vertical scroll bar not working

    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #11
    Ext JS Premium Member stevil's Avatar
    Join Date
    Nov 2007
    Location
    Denver, CO
    Posts
    1,045

    Default

    Quote Originally Posted by Aero View Post
    T
    Also,pretty often when resizing the grid,i get an extra empty row below the headers (as the first row).Do yet another rezie and it removes the added row again.

    Someone said in another thread that the Grid had high priority for next release,can we expect the scrollbar to start working correctly in 4.0.4 ?

    Thanks
    The scrollbar seems to work better in 4.0.4, but not perfectly - I still seem to have to have a load event off my store and invalidate the scroller.

    Also, you're blank row under the header? Sometimes I get a blank row in a BoundList under a Combobox in IE8.

    stevil

  2. #12
    Sencha User
    Join Date
    Aug 2011
    Posts
    21

    Default

    I have the same problem. Scrollbars stop working after some time. And I get blank row under under grid header sometimes. When will be this fixed?

  3. #13
    Sencha - Services Team
    Join Date
    Aug 2007
    Posts
    98

    Default

    What version are you currently using?

    Please provide the source code for an example that demonstrates the issue and we will do our best to investigate it.

  4. #14
    Ext JS Premium Member
    Join Date
    Aug 2011
    Posts
    3

    Default Still having issue with Vertical Scroll stops working in a grid.

    OS: Mac OS X Snow Leopard.
    Browser: Chrome

    Ext Js : Version 4.0.6

    Code to follow, but its nothing special. It stops working randomly sometime it will take longer than others. I just resize the window/panel then filter the datasource to something that doesn't require the vertical scrollbar and then I resize, reload the dataset that does require scroll bar. I do this a few time and it will eventually stop working. I was hoping this will be fixed, but still broken.

    Code:
    Ext.define('SP.view.admin.ReferenceList' ,{
        extend: 'Ext.grid.Panel',
        alias : 'widget.referencelist',
    
    
        requires: ['Ext.grid.plugin.RowEditing'],
        id: 'reference-panel',
        title : 'Reference',
        store: 'References',
        selType: 'rowmodel',
        plugins: [new Ext.create('Ext.grid.plugin.RowEditing',{pluginId: 'row-editor'})],    
        
        filterOn:function(type) {
            this.setTitle('Reference > ' + type);
            this.store.loadType(type,25);
        },
        
        
        initComponent: function() {
          this.callParent(arguments);
          
        },
        
        
        columns: [{
            text: 'Id',
            width: 40,
            sortable: true,
            dataIndex: 'Id',
            renderer: function(v){
                if (Ext.isEmpty(v)) {
                    v = ' ';
                }
                return v;
            }
        }, {
            header: 'Type',
            width: 140,
            sortable: true,
            dataIndex: 'Type',
            field: {
                xtype: 'combobox',
                typeAhead: true,
                triggerAction: 'all',
                selectOnTab: true,
                store: [
                    ['AdRefreshRate','AdRefreshRate'],
                    ['GalleryArticle','GalleryArticle'],
                    ['RequestType','RequestType'],
                    ['Status','Status'],
                    ['TemplateType','TemplateType'],
                    ['VideoLength','VideoLength']
                ],
                lazyRender: true,
                listClass: 'x-combo-list-small'
            }
        }, {
            header: 'Name',
            width: 200,
            sortable: true,
            dataIndex: 'Name',
            field: {
                xtype: 'textfield'
            }
        },{
            header: 'Abbr',
            width: 200,
            sortable: true,
            dataIndex: 'Abbr',
            field: {
                xtype: 'textfield'
            }
        },{
                xtype: 'readcheckcolumn',
                header: 'Retired',
                dataIndex: 'IsDeleted',
                width: 60,
                editor: {
                    xtype: 'checkbox',
                    cls: 'x-grid-checkheader-editor'
                }
         },{
              
            xtype: 'readcheckcolumn',
            header: 'IsUsed',
            dataIndex: 'ReferenceCnt',
            width: 60,
            editor: {
                    xtype: 'checkbox',
                    readOnly: true,
                    cls: 'x-grid-checkheader-editor'
            }
    
    
    
    
      
        }],
        dockedItems: [
            {
                   xtype: 'pagingtoolbar',
                   store: 'References',   // same store GridPanel is using
                   dock: 'bottom',
                   displayInfo: true
            }]
    });
    
    
    Ext.define('SP.store.References', {
        extend: 'Ext.data.Store',
        model: 'SP.model.Reference'
        
        ,autoLoad: true
        ,autoSync: true
        ,buffered: false
        ,pageSize: 100
        ,loadType:function(type, pageSize) {
            var proxy = this.getProxy();
            var url = proxy.url;
            if ( type == 'All') {
                proxy.api.read = url;
            } else {
                proxy.api.read = url+ '/type/' +type;
            }
            this.pageSize = pageSize;
            this.loadPage(1);
        }
    
    
        
    );

  5. #15
    Sencha - Services Team
    Join Date
    Aug 2007
    Posts
    98

    Default

    It appears that your example is missing the Reference model. Please provide an updated version and we will do our best to investigate the issue.

  6. #16
    Ext JS Premium Member
    Join Date
    Aug 2011
    Posts
    3

    Default

    Code:
    Ext.define('SP.model.Reference', {
        extend: 'Ext.data.Model',
        idProperty: 'Id',
        fields: [ 
            { name: 'Id',           type: 'int',    useNull: true  },
            { name: 'Type',         type: 'string', useNull: true  },
            { name: 'Name',         type: 'string', useNull: true  },
            { name: 'Abbr',         type: 'string', useNull: true  },
            { name: 'ReferenceCnt', type: 'boolean',    useNull: false },
            { name: 'IsDeleted',    type: 'boolean'                } 
         ],
         validations: [{
            type: 'length',
            field: 'Name',
            min: 1
        }],
        proxy: {
            type:'rest',
            url: 'resources/References',
    
    
            reader: {
                type: 'json',
                root: 'data'
            },
            writer: {
                type: 'json'
            },
            listeners: {
                exception: ErrInfoBox
            }
          
        }
    });

  7. #17
    Ext JS Premium Member Sébastien.Volle's Avatar
    Join Date
    Apr 2011
    Location
    Grenoble, France
    Posts
    70

    Default

    This problem has been reported numerous times by my users, mostly with grids using pagingtoolbar up to version 4.0.6 and mostly using Chrome.
    I'll try and get more details on the subject.
    aka Seboss

  8. #18
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    31

    Default

    We are seeing similar problems, we have a card panel that contains 4 grid panels, when we switch between the panels (after some indeterminate period of time) the scrollbar gets disconnected and doesn't scroll the view any longer. Also using 4.0.6 (in firefox and chrome)

  9. #19
    Ext Premium Member
    Join Date
    Dec 2010
    Posts
    4

    Default

    We're having the same problem. Scrollbars stop responding at various times. Using firefox 3.6.9.

  10. #20
    Sencha - Services Team
    Join Date
    Aug 2007
    Posts
    98

    Default

    Please provide the source code for a concise test case that demonstrates the issue using the smallest amount of code possible, that does not have any external dependencies, that has all needed data available to be loaded locally (using a json or xml flat file), and that is locally runnable and we will do our best to investigate it.

Page 2 of 2 FirstFirst 12

Posting Permissions

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