Results 1 to 5 of 5

Thread: scroll in panel not workig

  1. #1

    Default scroll in panel not workig

    Hi, I've been trying to put a scroll to my panel for several days. It shows the scroll but it remains screen to display and the scroll does not lower more.Thank you for your answers. Not show option4,option5,option6.

    fallo_scroll.PNG

    Code:
    Ext.define('myapp.view.conf.MainConfig', {
    	extend: 'Ext.Panel',
    	requires: [],
    	style: 'border-top: 2px solid #424242; border: 2px solid #424242',
    	xtype: 'mainconfig',
    	plugin:'responsive',
    
    
    	layout: {
    		type: 'hbox',
    		align: 'top',
    		layout: 'fit'
    	},
    	
    	
    
    
    	items: [{
    			xtype: 'treepanel',
    			id: 'jsonDevices',
    			title: 'Dispositivos',
    			rootVisible: true,
    			flex: 1,
    			minHeight: 600,
    			//height:500,
    			layout:'fit',
    			//autoScroll:true,
    			//height:500,
    			//width:'50%',
    			collapsible: true,
    			collapseDirection: Ext.Component.DIRECTION_LEFT,
    			store:Ext.create('myapp.store.Tree'),
    			
    			
    			
    			
    			/////Drag and drop
    			/*
    			viewConfig: 
    			{
    				plugins: {
    					ptype: 'treeviewdragdrop',
    					enableDrag: true,
    					enableDrop: false
    				}
    			},
    			*/
    			/////Drag and drop
    					
    			columns: [{
    					xtype: 'treecolumn',
    					dataIndex:'description',
    					width: '100%',
    					align: 'left',
    					//leaf: false,
    					//expanded: false,
    					//sortable: true
    								
    				}],
    				
    				
    
    
    			listeners: 
    			{
    		
    				
    				
    				
    
    
    				
    			},
    			//##BOTONES DE ABAJO DEL MENU##//
    			dockedItems: [{
    					xtype: 'toolbar',
    					dock: 'bottom',
    					items: [{
    							iconCls: 'tasks-new-list',
    							tooltip: 'Nueva Lista',
    							id: 'newFolder',
    							icon: 'images/new_list.png',
    							handler: function (me)
    							{
    							
    
    
    							}
    
    
    						},
    						{
    							iconCls: 'tasks-delete-list',
    							id: 'delete-list-btn',
    							tooltip: 'delete',
    							icon: 'images/delete_task.png',
    							handler: function (me) { 
    
    
    							}
    						}, {
    							iconCls: 'tasks-new-folder',
    							tooltip: 'New Folder',
    							id: 'taskNewFolder',
    							icon: 'images/new_folder.png',
    							handler: function (me) {
    								console.log(me.id);
    							}			
    						}, {
    							iconCls: 'tasks-delete-folder',
    							id: 'delete-folder-btn',
    							tooltip: 'Delete Folder',
    							icon: 'images/delete_folder.png',
    							handler: function (me) {
    								console.log(me.id);
    							}
    						}
    					]
    
    
    				}
    			]
    		}, 
    		{
    
    
    			title: 'Propiedades',
    			id: 'formPropertiesData',
    			xtype: 'panel',
    			flex: 2,
    			//width:'50%',
    			//height:500,
    			layout:'fit',
    			//layout: 'border',
    			autoScroll: true,
    			split: true,
    			collapsible: true,
    			collapseDirection: Ext.Component.DIRECTION_LEFT,
    			bodyPadding: 5,
    			defaultType: 'numberfield',
    			listeners: 
    			{
    				//###Leer Json en Propiedades
    				/*
    				itemclick: function(view,record,item,index,e,options){
    				if(recordNode.data.depth==0){
    				console.log(view);
    				console.log(record);
    				console.log(item);
    				console.log(index);
    
    
    				console.log(e);
    				console.log(options);
    
    
    				}
    				}
    
    
    				/*
    				render: function(p){
    				p.body.mask('Loading...');
    				},
    				delay: 50
    				 */
    			},
    			items: [
    			
    			]
    
    
    		}
    	]
    
    
    });

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Can you please post the config for your panel?

  3. #3
    Sencha Premium Member
    Join Date
    Dec 2012
    Location
    Seattle, WA
    Posts
    423
    Answers
    34

    Default

    You also need to show the parent containers code as well. That can affect the scrolling of child containers.

  4. #4

    Default

    No problem, I post the config.

    Thanks.

  5. #5
    Sencha User
    Join Date
    Mar 2016
    Posts
    44
    Answers
    2

    Default

    I think you should add attribute scrollable: true .

Similar Threads

  1. [FIXED] In Grid Panel, Vertical scroll moved to top by onClicking horizontal scroll
    By umang.savaliya in forum Ext JS 6.x Bugs
    Replies: 3
    Last Post: 31 Mar 2017, 3:47 PM
  2. Replies: 5
    Last Post: 12 Sep 2016, 12:37 PM
  3. Horizontal scroll on child panel break main panel vertical scroll
    By richard_orchard in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 6 Apr 2011, 5:40 AM
  4. data view on desktop workig good 1 time after not working what haapend?
    By israel in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 31 Jan 2009, 4:31 AM

Posting Permissions

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