1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    303
    Vote Rating
    0
    flamant is on a distinguished road

      0  

    Default grid toolbar that is hidden by the grid header

    grid toolbar that is hidden by the grid header


    Hi,
    I implemented a grid with a toolbar
    Code:
    Panel({  // I summarize
       region: 'south',
       height: 150,
       minSize: 75,
       maxSize: 250,
       layout: 'anchor',
        collapsed: true,
        items: {
                     TabPanel({    // I summarize
                      layout: 'fit',
                      anchor: '100% 100%',
                      items: [
                            {   Panel({    // I summarize
                                        layout: 'fit',
                                        items: {
                                                    Ext.create('Ext.grid.Panel', {
                                                                 columns : annotationColumns,
                                                                 store: annotationJsonStore[type],
                                                                 loadMask: true,
                                                                 stripeRows: true,
                                                                 forceFit: true,
                                                                 autoScroll: true,
                                                                features: [
                                                                {
                                                                    ftype:'grouping'
                                                                }
                                                                ],
                                                                tbar: Ext.create('Ext.toolbar.Toolbar', {
                                                                                           items: [buttons]
    The columns are the following

    Code:
        var annotationColumns = [];
    
        annotationColumns.push({
            header: '<spring:message code="annotation.element"/>',
            dataIndex: 'element',
            sortable: false,
            renderer: element,
            width: 45,
            flex: 0
        });
        annotationColumns.push({
            header: '<spring:message code="annotation.name"/>',
            dataIndex: 'name',
            renderer: goToLine,
            width: 100,
            flex: 0
        });
        annotationColumns.push({
            header: '<spring:message code="annotation.status"/>',
            dataIndex: 'status',
            sortable: false,
            renderer: status,
            width: 40,
            flex: 0
        });
        annotationColumns.push({
            header: '<spring:message code="annotation.createdOn"/>',
            dataIndex: 'createdOn',
            groupable: false,
            renderer: goToLine,
            width: 110,
            flex: 0
        });
        annotationColumns.push({
            header: '<spring:message code="annotation.user"/>',
            dataIndex: 'author',
            renderer: goToLine,
            width: 100,
            flex: 0
        });
    And I don't see why, the toolbar is behind and hidden by the header

    Thank you in advance for your answers

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,927
    Vote Rating
    443
    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


    You have anchor in your tabPanel with a layout of fit, and you also have forcefit and autoscroll for your grid panel. This should be used for panels that have items and not a grid.

    See how the following behaves:

    Code:
    Ext.onReady(function(){
    	Ext.create('Ext.tab.Panel', {
    		height: 200,
    		width: 300,
    		activeTab: 0,
    		renderTo: Ext.getBody(),
    		items: [ 
    		{
    			xtype: 'panel',
    			title: 'my tab',
    			layout: 'fit',
    			items: [
    			{
    	            xtype: 'gridpanel',
    	            title: 'My Grid Panel',
    	            columns: [
    	                {
    	                    xtype: 'gridcolumn',
    	                    dataIndex: 'string',
    	                    text: 'String'
    	                }
    	            ],
    	            tbar: [{
    	            	text: 'my button'
    	            }]
    			}]
    		} 
    		]
    	});
    });
    Regards,
    Scott.

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi