Results 1 to 4 of 4

Thread: GridView Width Problem

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Vote Rating
    0
      0  

    Default 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,388
    Vote Rating
    499
      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
      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);
            }
    },

Tags for this Thread

Posting Permissions

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