1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    1
    Vote Rating
    0
    James F is on a distinguished road

      0  

    Default Horizontal Scroll bar not appearing in the GridPannel

    Horizontal Scroll bar not appearing in the GridPannel


    Hi,

    Here in accordion layout, 3 collapsible grids are rendered. Horizontal scroll bar automatically appears in the first grid, but not appearing in the second and third grid even though there is data overflow. On manual sorting of grid the scroll bar appears. Also the scroll bar appears in 2nd grid when it is expanded instead of first grid, while still data is not yet loaded.
    Could you please let us know the work around for the above mentioned issue?
    Please find the code below.

    function initializeUI () {


    // Batch Grid


    batchStore = new Ext.data.Store({
    reader: new Ext.data.JsonReader({id: 'ACH_KEY'},
    [{name: 'FIELD'}, {name: 'VALUE'}])
    });


    var cmBatch = new Ext.grid.ColumnModel(
    [{header: 'Field', dataIndex: 'FIELD', width:200}, {header: 'Value', dataIndex: 'VALUE', width:190}]);
    //cmBatch.defaultSortable = true;


    var batchGrid = new Ext.grid.GridPanel({
    store: batchStore,
    cm: cmBatch,
    stripeRows: true,
    width: 415,
    height: 234,
    enableColumnMove: false,
    enableColumnHide: false
    });


    // Detail Grid


    detailStore = new Ext.data.Store({
    reader: new Ext.data.JsonReader({id: 'ACH_KEY'},
    [{name: 'FIELD'}, {name: 'VALUE'}])
    });


    var cmDetail = new Ext.grid.ColumnModel(
    [{header: 'Field', dataIndex: 'FIELD', width:200}, {header: 'Value', dataIndex: 'VALUE', width:190}]);
    cmDetail.defaultSortable = true;


    detailGrid = new Ext.grid.GridPanel({
    store: detailStore,
    cm: cmDetail,
    stripeRows: true,
    width: 415,
    height: 234,
    enableColumnMove: false,
    enableColumnHide: false
    });


    // Addenda Grid


    addendaStore = new Ext.data.Store({
    reader: new Ext.data.JsonReader({id: 'ACH_KEY'},
    [{name: 'FIELD'}, {name: 'VALUE'}])
    });


    var cmAddenda = new Ext.grid.ColumnModel(
    [{header: 'Field', dataIndex: 'FIELD', width:120}, {header: 'Value', dataIndex: 'VALUE', width:270}]);
    cmAddenda.defaultSortable = true;


    var addendaGrid = new Ext.grid.GridPanel({
    store: addendaStore,
    cm: cmAddenda,
    stripeRows: true,
    width: 415,
    height: 234,
    enableColumnMove: false,
    enableColumnHide: false
    });


    // Change Grid


    changeStore = new Ext.data.Store({
    reader: new Ext.data.JsonReader({id: 'ACH_KEY'},
    [{name: 'FIELD'}, {name: 'VALUE'}])
    });


    var cmChange = new Ext.grid.ColumnModel(
    [{header: 'Change Code', dataIndex: 'FIELD', width:210}, {header: 'New Value', dataIndex: 'VALUE', width:210}]);
    cmChange.defaultSortable = true;


    var changeGrid = new Ext.grid.GridPanel({
    store: changeStore,
    cm: cmChange,
    stripeRows: true,
    width: 445,
    height: 88,
    enableColumnMove: false,
    enableColumnHide: false
    });


    var ACHPannel = new Ext.Panel({
    layout:'accordion',
    width: 445,
    height: 335,
    defaults: {
    collapsible: true,
    bodyStyle: 'padding:10px 10px 10px 10px'
    },
    layoutConfig: {
    animate: true
    },
    items: [{
    title: 'Batch Header',
    height: 278,
    items: [batchGrid]
    },{
    title: 'Detail Records',
    height: 278,
    initComponent : function(){
    Ext.grid.GridPanel.superclass.initComponent.call(detailGrid);
    detailGrid.autoScroll = true;
    },
    items: [detailGrid]
    },{
    title: 'Addenda Records',
    height: 278,
    items: [addendaGrid]
    }]
    });


    ACHPannel.render('achPannel');
    changeGrid.render('changeGrid');


    loadRecords();
    }

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,704
    Vote Rating
    751
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I have moved this to the Ext JS 3 help forum. Please try and post in the appropriate forum and wrap your code in code tags for readability.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

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