Как свернуть и развернуть devexpress master / detail asp.net gridview - PullRequest
Новая
       3

Как свернуть и развернуть devexpress master / detail asp.net gridview

0 голосов
/ 14 марта 2012

У меня есть два вида сетки devexpress asp.net в конфигурации master / detail. Я раскрываю основную строку для отображения дочерних строк и выполняю манипуляции с дочерними строками, такие как редактирование, добавление новых и удаление строк. После этого я хочу, чтобы родительский вид сетки рухнул, и оба вида сетки обновились новыми данными. Пожалуйста, дайте мне знать, как я могу это сделать. На сайте devexpress я вижу упоминание о клиентских методах CollapseRow и ExpandRow. Но не удалось найти пример кода, описывающего, как их вызвать.

Спасибо

1 Ответ

2 голосов
/ 15 марта 2012

Сначала назначьте clientInstanceName для сетки как: 

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

Когда вы завершите обновление или удалите, как вы сказали, вызовите grid.CollapseAllDetailRows(); после выполненной операции.или ASPxClientGridView.DetailRowExpanding Event установить расширенную строку сведений visibleindex.проверьте следующий фрагмент кода и код согласно вашему требованию. 

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