Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

Hybrid View

  1. #1
    Sencha User
    Join Date
    Dec 2007
    Posts
    7
    Vote Rating
    1
    Sepp_W is on a distinguished road

      1  

    Default Grid in TabPanel not scrollable

    Grid in TabPanel not scrollable


    I take the border layout from the examples and put a grid panel into a tab,
    the grid panel is not scrollable.
    is this a bug or am i doing wrong?


    My TabPanel:
    HTML Code:
    Ext.define('MyCenterTabPanel', {
        extend: 'Ext.tab.TabPanel',
    	alias: 'widget.tabPanel',
    
    	region: 'center',
    	id: 'centerpanel',
    	activeTab: 0,
    	layout: 'fit',
    	border: true,	
    	autoScroll:true,
    	items: [{
    		id: 'portlet-1',
    		title: 'Grid Portlet',
    		items: new MyGridPanel(),
    		listeners: {				
    		  // 'activate': alert('sth')   <-- this won't work either!!!
    		}
    	},{
    		title: 'Tab 1',
    		html: 'A simple tab'
    	}]
    
    });


    My Grid Panel (from the examples):

    HTML Code:
    Ext.define('MyGridPanel', {
        
        extend: 'Ext.grid.GridPanel',
        alias: 'widget.gridportlet',
        
        myData: [
            ['3m Co',                               71.72, 0.02,  0.03,  '9/1 12:00am'],
            ['Alcoa Inc',                           29.01, 0.42,  1.47,  '9/1 12:00am'],
            ['Altria Group Inc',                    83.81, 0.28,  0.34,  '9/1 12:00am'],
            ['American Express Company',            52.55, 0.01,  0.02,  '9/1 12:00am'],
            ['American International Group, Inc.',  64.13, 0.31,  0.49,  '9/1 12:00am'],
            ['AT&T Inc.',                           31.61, -0.48, -1.54, '9/1 12:00am'],
            ['Boeing Co.',                          75.43, 0.53,  0.71,  '9/1 12:00am'],
            ['Caterpillar Inc.',                    67.27, 0.92,  1.39,  '9/1 12:00am'],
            ['Citigroup, Inc.',                     49.37, 0.02,  0.04,  '9/1 12:00am'],
            ['E.I. du Pont de Nemours and Company', 40.48, 0.51,  1.28,  '9/1 12:00am'],
            ['Exxon Mobil Corp',                    68.1,  -0.43, -0.64, '9/1 12:00am'],
            ['General Electric Company',            34.14, -0.08, -0.23, '9/1 12:00am'],
            ['General Motors Corporation',          30.27, 1.09,  3.74,  '9/1 12:00am'],
            ['Hewlett-Packard Co.',                 36.53, -0.03, -0.08, '9/1 12:00am'],
            ['Honeywell Intl Inc',                  38.77, 0.05,  0.13,  '9/1 12:00am'],
            ['Intel Corporation',                   19.88, 0.31,  1.58,  '9/1 12:00am'],
            ['International Business Machines',     81.41, 0.44,  0.54,  '9/1 12:00am'],
            ['Johnson & Johnson',                   64.72, 0.06,  0.09,  '9/1 12:00am'],
            ['JP Morgan & Chase & Co',              45.73, 0.07,  0.15,  '9/1 12:00am'],
            ['McDonald\'s Corporation',             36.76, 0.86,  2.40,  '9/1 12:00am'],
            ['Merck & Co., Inc.',                   40.96, 0.41,  1.01,  '9/1 12:00am'],
            ['Microsoft Corporation',               25.84, 0.14,  0.54,  '9/1 12:00am'],
            ['Pfizer Inc',                          27.96, 0.4,   1.45,  '9/1 12:00am'],
            ['The Coca-Cola Company',               45.07, 0.26,  0.58,  '9/1 12:00am'],
            ['The Home Depot, Inc.',                34.64, 0.35,  1.02,  '9/1 12:00am'],
            ['The Procter & Gamble Company',        61.91, 0.01,  0.02,  '9/1 12:00am'],
            ['United Technologies Corporation',     63.26, 0.55,  0.88,  '9/1 12:00am'],
            ['Verizon Communications',              35.57, 0.39,  1.11,  '9/1 12:00am'],            
            ['Wal-Mart Stores, Inc.',               45.45, 0.73,  1.63,  '9/1 12:00am']
        ],
        
        /**
         * Custom function used for column renderer
         * @param {Object} val
         */
        change: function(val) {
            if (val > 0) {
                return '<span style="color:green;">' + val + '</span>';
            } else if (val < 0) {
                return '<span style="color:red;">' + val + '</span>';
            }
            return val;
        },
        
        /**
         * Custom function used for column renderer
         * @param {Object} val
         */
        pctChange: function(val) {
            if (val > 0) {
                return '<span style="color:green;">' + val + '%</span>';
            } else if (val < 0) {
                return '<span style="color:red;">' + val + '%</span>';
            }
            return val;
        },
        
        initComponent: function(){
            
            var store = Ext.create('Ext.data.ArrayStore', {
                fields: [
                   {name: 'company'},
                   {name: 'change',     type: 'float'},
                   {name: 'pctChange',  type: 'float'}
                ],
                data: this.myData
            });
            
            Ext.apply(this, {
    			//title:'Test Titel links',
    			//headerPosition:'left',
    			header:false,
    //			frame : true,
                store: store,
    			autoScroll:true,
    //			scroll:true,
    //			layout:'fit',
                stripeRows: true,
                columnLines: true,
                bodyBorder: 0,
                headers: [{
                    id       :'company',
                    text   : 'Company',
                    //width: 120,
                    flex: 1,
                    sortable : true, 
                    dataIndex: 'company'
                },{
                    text   : 'Change', 
                    width    : 75, 
                    sortable : true, 
                    renderer : this.change, 
                    dataIndex: 'change'
                },{
                    text   : '% Change', 
                    width    : 75, 
                    sortable : true, 
                    renderer : this.pctChange, 
                    dataIndex: 'pctChange'
                }]
            });
            
            this.callParent(arguments);
        }
    });
    if i open the grid in a window, i can scroll!!


  2. #2
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,059
    Vote Rating
    113
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Quote Originally Posted by Sepp_W View Post
    My TabPanel:
    HTML Code:
    Ext.define('MyCenterTabPanel', {
        extend: 'Ext.tab.TabPanel',
    	alias: 'widget.tabPanel',
    
    	region: 'center',
    	id: 'centerpanel',
    	activeTab: 0,
    	layout: 'fit',
    	border: true,	
    	autoScroll:true,
    	items: [{
    		id: 'portlet-1',
    		title: 'Grid Portlet',
    		items: new MyGridPanel(),
    		listeners: {				
    		  // 'activate': alert('sth')   <-- this won't work either!!!
    		}
    	},{
    		title: 'Tab 1',
    		html: 'A simple tab'
    	}]
    
    });
    You are overnesting your panels.. GridPanel is a panel and therefore can be put directly in the TabPanel. You can either hoist the grid up to be a direct child of the tab or you can add a layout of fit to the additional panel you've placed in the tabpanel.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

Similar Threads

  1. Replies: 1
    Last Post: 15 Sep 2010, 1:30 PM
  2. Scrollable TabPanel within Viewport
    By harismohd in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 20 Jul 2008, 9:31 PM
  3. Grid in tabpanel is not scrollable
    By tarkpea in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 23 May 2008, 8:17 AM

Thread Participants: 1