PDA

View Full Version : Tree Panel Scroolbar Issue



snehat
16 Nov 2009, 11:38 PM
Hi All,

I am using Checkbox Tree. I am facing Scrollbar issue after tree gets loaded.I am not able to scroll down with left mouse button on scrollbar.I can scroll backward easy.

I have set containerScroll and autoScroll property True. but then also scroll bar is not behaving properly in my tree panel.

Here is my Check box Tree.




Ext.ux.checkboxTree = Ext.extend(Ext.BoxComponent, {

isFormField: true,
onRender: function(container, position) {

Ext.ux.checkboxTree.superclass.onRender.call(this, container, position);

if (this.el) {
this.el = Ext.get(this.el);
if (!this.target) {
container.dom.appendChild(this.el.dom);
}
}
else {
var cfg = { tag: 'div' };
this.el = container.createChild(cfg, position);
}

this.tree = new Ext.tree.TreePanel
({
rootVisible: false,
autoScroll: true,
containerScroll: true,
animCollapse: true,
headerAsText:true,
title:'Device Tree',
animate: true,
border: true,
waitMsgTarget:true,
loadMask: true,
maskConfig: { msg: "Loading tree items..." },
enableDD: true,
waitMsgTarget:true,
style:'background-color: #ffffff;height:winHeight*0.8;border:2px solid #c3daf9;',
name: this.name,
root: new Ext.tree.AsyncTreeNode(),
loader: loaderDeviceUsageTreeLevel
});
this.tree.render(this.el.id);
this.setChecked();

And below is my form



Example.Form = Ext.extend(Ext.form.FormPanel, {

border:false
,frame:true
,bodyStyle:'padding:5px 5px 0'
,initComponent:function()
{
Ext.apply(this, {
autoScroll:true,
containerScroll: true,
layout:'column',
border: true,
defaultType: 'textfield',
monitorValid:true,
keys:[{
key:[10,13] // enter
,scope:this
,stopEvent:true
,fn:this.submit
}]
,items:[{
xtype: "deviceUsageTree",
name: "deviceUsageTree",
containerScroll:true,
id: "deviceUsageTree",
width:winWidth*0.45,
height:winHeight*0.8
}]
});


Please help me out for the same.

Thanks in advance.

Regards
Sneha