如何折叠和展开 devexpress master/detail asp.net gridview答案

【问题标题】：How to collapse and expand devexpress master/detail asp.net gridview如何折叠和展开 devexpress master/detail asp.net gridview
【发布时间】：2012-03-31 04:34:00
【问题描述】：

我在主/详细配置中有两个 asp.net devexpress 网格视图。我展开主行以显示子行并对子行进行操作，例如编辑、添加新行和删除行。之后，我希望父网格视图折叠并且两个网格视图都用新数据刷新。请让我知道我该怎么做。在 devexpress 网站上，我看到提到了 CollapseRow 和 ExpandRow javascript 客户端方法。但是找不到任何描述如何调用它们的示例代码。

谢谢

【问题讨论】：

标签： asp.net gridview devexpress

【解决方案1】：

首先将clientInstanceName分配给网格：

<dx:ASPxGridView ID="ASPxGridView1" runat="server" KeyFieldName="ID" 
            ClientInstanceName="grid">

当您完成更新或删除操作后，请在您完成操作后致电grid.CollapseAllDetailRows();。或在ASPxClientGridView.DetailRowExpanding Event 上设置展开的详细信息行visibleindex。根据您的要求检查以下代码 sn-p 和代码。

<html>
     <head runat="server">
    <title></title>
    <script language ="javascript" type ="text/javascript">
        var focusedIndex;
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxGridView ID="ASPxGridView1" runat="server" KeyFieldName="ID" ClientInstanceName="grid">
            <ClientSideEvents DetailRowExpanding="function(s, e) {
    focusedIndex = e.visibleIndex;
}" />
            <SettingsBehavior AllowFocusedRow="True" AllowSelectByRowClick = "true" />
            <SettingsDetail ShowDetailRow="True" />
        </dx:ASPxGridView>
        <dx:ASPxButton ID="ASPxButton1" runat="server" AutoPostBack="False" Text="ASPxButton">
            <ClientSideEvents Click="function(s, e) {
            //var visibleindex =    grid.GetFocusedRowIndex();
            //grid.CollapseAllDetailRows();
            if( focusedIndex  != 'undefined')
            {
            grid.CollapseDetailRow(focusedIndex );
            }
            }"/>
        </dx:ASPxButton>
    </div>
    </form>
</body>
</html>

【讨论】：