Hybrid View

  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Vote Rating
    0
    splat1985 is on a distinguished road

      0  

    Default GridView Width Problem

    GridView Width Problem


    I using gridview on my project. But gridview disbanded of to many columns.

    I have
    a problem like this. My English is very bad. Sorry for that

    Edit: no problem in Firefox , problem in Chrome ?? But it did not have before.

    soru.jpg

  2. #2

  3. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,011
    Vote Rating
    460
    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


    In looking at your screenshot, it seems your grid is getting cutoff at the CAN field?
    Can you provide some code to show how you are rendering this? Seems you are using custom HTML instead of the renderers provided? Seems like 2 grids or something.

    Scott.

  4. #4
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Vote Rating
    0
    splat1985 is on a distinguished road

      0  

    Default


    Thank you for replys,

    Darthwes this is same problem. I think this a chrome problem. I trying in firefox and working.. When solve this issue chrome team?

    Scottmartin i use only one grid and with standart grid property. But diffirently create dynamically of grid columns. you can find this codes following..

    Code:
                    loadMask: true,                
                    trackMouseOver: false,
                    columnLines: true,
                    stripeRows: true,
                    store: store,
                    columns: [
                        new Ext.grid.RowNumberer({width: 50}),
                        {
                            dataIndex: 'sto_isim',
                            header: 'Stok ─░smi',
                            sortable: true,
                            width: 200
                        },{
                            dataIndex: 'sfiyat',
                            header: 'Fiyat',
                            sortable: true,
                            width: 100,
                            align: 'right',
                            renderer: function(v) {
                                return Ext.util.Format.number(v, '0.00 TL');
                            }
                        },{
                            dataIndex: 'urunSubelerTopSatis',
                            header: 'Sube. Top.',
                            sortable: true,
                            width: 90,
                            align: 'right',
                            hidden:true
                            /*renderer: function(v) {
                                return Ext.util.Format.number(v, '0.00');
                            }*/
                        },{
                            dataIndex: 'urunSubelerTopFiyat',
                            header: 'Top. Tutar',
                            sortable: true,
                            width: 95,
                            align: 'right',
                            hidden:true,
                            renderer: function(v) {
                                return Ext.util.Format.number(v, '0.00 TL');
                            }
                        }],
    
    .. others codes like toolbar

    Edit: This is overwrite method of GridPanel
    Code:
    addAllColumns: function(columns) {            
                var me = this;
                Ext.each(columns, function(column) {
                    me.addColumn({
                        align: 'center',
                        sortable: true,
                        renderer: function(v) {
                            var value = isNaN(parseFloat(v)) ? 0 : v;
                            if (value == 0 ) {
                                return value;
                            } else if(value< 0) {
                                return "<span style='color:red;'>" + value + "</span>";
                            } else {
                                return "<span style='color:green;'>" + value + "</span>";
                            }
                        },
                        dataIndex: column.code,
                        header: column.code,
                        width: 40
                    });
                });
            },
    Get all columns from constants
    Code:
    listeners: {            
             beforeRender: function(grid) {
                    var depots = Constants.getAllDepots();
                    grid.addAllColumns(depots);
            }
    },