PDA

View Full Version : acorrdion entry - logOut



Bojana Gnjato
3 Aug 2009, 7:42 AM
Dear all,

Any have any ideas how to have logout funcionality in accordion outline.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" [/FONT][/SIZE]
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/FONT][/SIZE]
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">
html, body
{
font:normal 12px verdana;
margin:0;
padding:0;
border:0 none;
overflow:hidden;
height:100%;
}
</style>

<script type="text/javascript" >
//<![CDATA[
var uioIncident;
var uioProblem;
var uioChange;
var uiView;
var viewport;
var uiViewContainer;
var uiViewInBox;
var centerTabPanel;

Ext.onReady(function(){

Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

centerTabPanel = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0
});

uiViewContainer = centerTabPanel.add({
layout : 'fit',
title: 'View Tab',
iconCls: 'tabs',
html: '<div style="height:350" id="viewContainer"><\/div>',
closable:false,
autoScroll:false
});

viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'west',
id:'west-panel',
title:'Servise Desk',
split:true, width: 200, minSize: 175, maxSize: 400, collapsible: true, margins:'0 0 0 5',
layout:'accordion',
layoutConfig: {
animate:true
},
items: [{
contentEl: 'west',
title:'Database 1',
html:'<div id="navigationDiv"><\/div>',
border:false,
iconCls:'nav'
}, {
title:Logout',
??????????????????
}
] ]
},
centerTabPanel]
}); // end of viewport config

uiView = new Ext.nd.UIView({
viewName: 'defaultView',
container: uiViewContainer,
viewport : viewport,
tabPanel : centerTabPanel,
gridConfig: {
renderTo: 'viewContainer',
height:350
}
});


uioIncident = new Ext.nd.UIOutline({
outlineName: 'mainOL',
viewport: viewport,
tabPanel : centerTabPanel,
uiView : uiView,
treeConfig: {
renderTo: 'navigationDiv'
}
});


}); // end of Ext.onReady()

//]]>
</script>
</head>
<body>
<div id="west"></div>
<div id="center"></div>
</body>
</html>

Thanks Bojana