Dec 04, 2011, 4:09 PM
Ext.net CardLayout Panel Client Side Rotation
JavaScript Function
var rotatePanel = function (panel, increment) {
var activeItem = panel.items.indexOf(panel.layout.activeItem);
var totalItems = panel.items.length;
var index = 0;
if (activeItem + increment >= totalItems) {
index = 0;
}
else if (activeItem + increment < 0) {
index = totalItems - 1;
}
else {
index = activeItem + increment;
}
panel.layout.setActiveItem(index);
}
How to Use It?<ext:Button ID="PreviousButton" runat="server" Text="Previous" Icon="PreviousGreen">
<Listeners>
<Click Handler="rotatePanel(#{WizardPanel},-1);" />
</Listeners>
</ext:Button>
<ext:Button ID="NextButton" runat="server" Text="Next" Icon="NextGreen">
<Listeners>
<Click Handler="rotatePanel(#{WizardPanel},1);" />
</Listeners>
</ext:Button>