ASPxNavBar的折叠展开

本文介绍了一个使用 ASPxNavBar 控件实现导航栏初始化展开及交互功能的方法。通过客户端 JavaScript 脚本,实现了默认情况下仅展开第一个导航组,并确保在点击其他导航组时能够自动关闭已展开的其他组。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

初始化展开一个

<script type="text/javascript">

        function ASPxNavBar_Init(s, e) {

            s.GetGroup(0).SetExpanded(true);

            for (var i = 1; i < s.GetGroupCount(); i++) {

 

                s.GetGroup(i).SetExpanded(false);

            }

            //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>

<div id="divWest1">

        <dxnb:ASPxNavBar ID="nbWorkflow" ClientInstanceName="nbWorkflow" Width="180px" runat="server">

            <ClientSideEvents ItemClick="function(s, e) {

var w = Ext.getCmp('center-panel');

    w.getActiveTab().setTitle(e.item.group.name+'-'+e.item.name);

}" Init="function(s, e) {

    ASPxNavBar_Init(s, e) 

}" ExpandedChanged="function(s, e) {

    ASPxNavBar_ExpandedChanged(s, e); 

}" />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值