XtraNavBar控件是用于簡化應用程序并為最終用戶提供導航功能的程序設計。由于XtraNavBar控件具有高度的靈活性和可視化操作，你只需進行簡單的屬性設置，就能夠選擇你所需的樣式而無需編寫任何代碼就能實現該功能。然而，最近老有朋友詢問ASPxNavBar控件如何保證一開始折疊所有Group，同時保證點擊時展開當前Group，其它Group自動折疊。開始以為只設置AutoCollapse屬性就可以，實際上這個屬性設為True后，無論如何設置或者寫代碼，一開始都無法折疊所有Group，所以不能設置這個屬性。此路不通彼路通，既然不能通過設置屬性來實現，那就寫寫代碼吧！
以下是實現的代碼：

js腳本部分：

view plaincopy to clipboardprint?
<script type="text/javascript"><!--  
function ASPxNavBar_Init(s, e) {  
s.CollapseAll();  
}  

function ASPxNavBar_ExpandedChanged(s, e) {  
if (e.group.GetExpanded() == true) {  
for (var i = 0; i < s.GetGroupCount(); i++) {  
if (i == e.group.index) continue;  
s.GetGroup(i).SetExpanded(false);  
}  
}  
}  
// --></script> 
<script type="text/javascript"><!--
function ASPxNavBar_Init(s, e) {
s.CollapseAll();
}

    function ASPxNavBar_ExpandedChanged(s, e) {
if (e.group.GetExpanded() == true) {
for (var i = 0; i < s.GetGroupCount(); i++) {
if (i == e.group.index) continue;
s.GetGroup(i).SetExpanded(false);
}
}
}
// --></script>
 

控件標記部分：

view plaincopy to clipboardprint?
<dxnb:ASPxNavBar ID="ASPxNavBar" runat="server"> 
<ClientSideEvents Init="function(s, e) {  
ASPxNavBar_Init(s, e)   
xpandedChanged="function(s, e) {  
ASPxNavBar_ExpandedChanged(s, e);   
> 

</dxnb:ASPxNavBar> 
<dxnb:ASPxNavBar ID="ASPxNavBar" runat="server">
<ClientSideEvents Init="function(s, e) {
ASPxNavBar_Init(s, e)
}" ExpandedChanged="function(s, e) {
ASPxNavBar_ExpandedChanged(s, e);
}" />

</dxnb:ASPxNavBar>

　　慧都科技作為Developer Express公司目前在中國唯一正式授權的經銷商，不僅為DXperience提供了全面的技術支持服務，同時還傾情打造 DevExpress for.net高級培訓以及DXperience Winform子控件培訓，讓您深入了解控件實現效果和常見問題的解決思路，提高開發效率。

　　另外，為了從根本上幫您解決數據快速錄入的問題，慧都控件網傾力打造了EVSolution QuickInput方案。它不僅支持全鍵盤操作，實現快速光標切換，而且還能進行聯想查詢、復雜數據搜索查詢等功能。另外它還提供了豐富而友好的用戶界面和用戶體驗，您可以根據需要，自動規范化格式，真正將Web軟件的優勢發揮得淋漓盡致！

　　據慧都科技透露，DevExpress旗下著名控件套包：DXperience™ Universal Subscription v2010 vol 1已經正式發布，該版本增加了眾多新的WPF和Silverlight控件的新功能到整個產品線。眾多新功能搶先體驗！請關注慧都控件網！