Question

我有一个主网格和细节网格，细节网格允许我更新和删除，但它不刷新。如果我更新两次或删除两次它正在删除，否则当我展开主网格时，更新的数据显示在详细信息网格中。我在这里使用CallBackPanel。如何刷新Detail Grid？

<dx:ASPxCallbackPanel runat="server" ID="CallbackPanel"
 ClientInstanceName="CallbackPanel" OnCallback="CallbackPanel_Callback">

    <PanelCollection>

        <dx:PanelContent ID="PanelContent3" runat="server">

            <dx:ASPxGridView ID="grdMasterBuilding"
                ClientInstanceName="grdMasterBuilding" 
                runat="server" KeyFieldName="BuildingId" AutoGenerateColumns="False">

                <Columns>
                    <dx:GridViewDataTextColumn 
                        FieldName="Name" Caption="Building Name"/>

                    <dx:GridViewDataTextColumn                             
                        FieldName="Description" Caption="Building Description">
                </Columns>

                <Templates>
                    <DetailRow>

                        <dx:ASPxGridView ID="grdDetailBuilding" 
                            ClientInstanceName="grdDetailBuilding" runat="server" 
                            KeyFieldName="FloorId" AutoGenerateColumns="False"

                            <Columns>
                                <dx:GridViewDataTextColumn   
                                    FieldName="FloorCode" Caption="Floor Code">
                                <dx:GridViewDataTextColumn> 

                                <dx:GridViewDataTextColumn 
                                    FieldName="FloorLength" Caption="Floor Width" />
                                </dx:GridViewDataTextColumn>

                                <dx:GridViewDataTextColumn 
                                    FieldName="FloorHeight" Caption="Floor" />
                                </dx:GridViewDataTextColumn>

                                <dx:GridViewDataComboBoxColumn
                                    FieldName="FloorType" Caption="Floor Type" />
                                </dx:GridViewDataComboBoxColumn>

                                <dx:GridViewDataComboBoxColumn
                                    FieldName="DeliveryOption" VisibleIndex="9" 
                                    Caption="Delivery Option" />
                                </dx:GridViewDataComboBoxColumn>

                                <dx:GridViewDataTextColumn
                                    FieldName="NumbersOfUnits" Caption="No Of Units"
                                </dx:GridViewDataTextColumn>

                                <dx:GridViewDataTextColumn
                                    FieldName="SquareFeet" Caption="Square Feet" 
                                </dx:GridViewDataTextColumn>        
                            </Columns> 

                        </dx:ASPxGridView>

                    </DetailRow>
                </Templates>

                <SettingsDetail ShowDetailRow="true" />

            </dx:ASPxGridView>
        </dx:PanelContent>
    </PanelCollection>

Answer 1

请参阅此示例：https://www.devexpress.com/Support/Center/Example/Details/E3578。

基本上这个想法是你需要处理详细网格的EndCallback客户端事件并使用ClientInstanceName更新主网格：grdMasterBuilding.Refresh（）。

因此，您必须在＆lt; Columns＆gt;之前将以下行添加到详细网格标记中。元素：

<ClientSideEvents EndCallback="OnEndCallback" BeginCallback="OnBeginCallback"/>

然后添加这些JS OnBeginCallback和OnEndCallback方法，就像在上面提到的示例中一样，只有在OnEndCallback中，您将使用主网格ClientInstanceName来刷新它。

function OnEndCallback(s, e) {
   if ((command == "ADDNEWROW" || command == "UPDATEEDIT") && !s.isError) {
      grdMasterBuilding.Refresh();
   }
}

如果您不需要在子编辑/删除时更新主网格，请尝试使用grdDetailBuilding.Refresh（）以相同方式仅刷新子网格。注意，该示例在OnBeginCallback期间保存操作命令名称，然后检查命令是ADDNEWROW还是UPDATEEDIT。您可能需要添加删除操作的检查。我不确定是否会调用UPDATEEDIT来删除行，也许还有一个单独的命令。您可以通过使用浏览器开发人员工具并在OnBeginCallback中的断点处停止来了解。

HTH

Master-Detail Gridview Devexpress

1 个答案: