PDA

View Full Version : How to add zoom in & zoom out for panel content by changing the slider value.



DineshGudikandula
22 Jan 2013, 3:32 AM
Hi All.........

I am straggle with one but problem guys...
I have requirement like "One panel contain Charts,toolbar contain split button which contain menu item as Slider.When slide move up/down the panel content chart should be zoom in/zoom out ".




Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
width:900,
items:[myChart],
fbar:[{
xtype: 'splitbutton',
menu:[{
xtype:'slider',
vertical : true,
height : 214,
minValue : 0,
scope : this,
maxValue : 100,
listeners:{
changecomplete:function( slider, newValue, thumb, eOpts ){
debugger;
var chart = Ext.ComponentQuery.query('chart')[0];
console.log('changecomplete..........');
}
}
}],
}
}
}]
});
});


CSS code:
.x-css-shadow{
box-shadow:none !important;
}
.x-panel.x-layer.x-panel-default.x-menu {
position: relative !important;
float: right;
}
.x-menu .x-menu-body{
width: 26px !important;
}



plz any one help me. ..
Thanks in advance.....

DineshGudikandula
22 Jan 2013, 9:41 PM
:s..............:-?....help..