删除最后一项时,ASP.NET面板不会更新

时间:2011-06-20 09:34:29

标签: asp.net updatepanel datalist

我确信我错过了一些非常明显的东西,但我看不到它。

我有一个更新面板,里面有一个datalist。数据列表的每个项目都有一个删除按钮,我可以使用该按钮为项目发出删除命令。

删除过程分为两部分:我首先从代码隐藏中弹出一个模态对话框,要求确认,如下所示:

/// <summary>
/// Manager delete command
/// </summary>
protected void dlKeywordsManager_DeleteCommand(object source, DataListCommandEventArgs e)
{
    //Get the subject ID
    int keywordID = (int)dlKeywordsManager.DataKeys[e.Item.ItemIndex];

    //Remember the keyword ID on the modal popup
    hfKeywordID.Value = keywordID.ToString();
    btnConfirmationPopupOK.CommandArgument = "Delete";

    lblConfirmationPopupMessage.Text = "キーワード「" + e.CommandArgument.ToString() + "」を本当に削除しますか?";

    mpConfirmationPopup.Show();
    dlKeywordsManager.DataBind();
    udpKeywordsManager.Update();
}

此模式弹出窗口也位于更新面板中,以便我可以在部分回发时刷新标签文本值。

当使用按下弹出窗口的OK按钮时,我继续执行:

protected void btnConfirmationPopupOK_Click(object source, EventArgs e)
{
        int keywordID = int.Parse(hfKeywordID.Value);
        KeywordBLLOperation operationResult;
        switch (((Button)source).CommandArgument)
        {
            case "Delete":
                operationResult = keywordsAPI.DeleteKeyword(keywordID);
                switch (operationResult.Result)
                {
                    case KeywordBLLOperationResult.Deleted:
                        lnlNotificationsPopupMessage.Text = "キーワード「" + operationResult.KeywordName + "」を削除しました。";
                        break;
                    case KeywordBLLOperationResult.Failed:
                        lnlNotificationsPopupMessage.Text = "キーワード「" + operationResult.KeywordName + "」の削除に失敗しました。アドミニストレーターにお伝えください。";
                        break;
                }
                break;
        }
        mpNotificationPopup.Show();
        dlKeywordsManager.DataBind();
        udpKeywordsManager.Update();
}

为了简洁,我在这里删除了一些非必要的行。

以下是与代码一起使用的aspx标记:

    <asp:UpdatePanel ID="udpKeywordsManager" runat="server" Visible="true" UpdateMode="Conditional" >

<ContentTemplate>

    <div class="keywordsManagerHeader">

        <%--DISPLAY STATISTICS--%>
        <asp:CheckBox ID="chkShowUsageStatistics" runat="server" Text="参照回数を表示する" AutoPostBack="true" OnCheckedChanged="chkShowUsageStatistics_CheckedChanged" CssClass="keywordsManagerCheckBoxes" TextAlign="Left" />

        <%--DISPLAY ORDER--%>
        <span class="keywordsManagerLabel" >並べ替え</span>
        <asp:DropDownList ID="ddlKeywordsOrder" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlKeywordsOrder_SelectedIndexChanged" >
            <asp:ListItem Text="なし" Value="None" />
            <asp:ListItem Text="科目名" Value="Name" />
            <asp:ListItem Text="参照回数" Value="Frequency" />
        </asp:DropDownList>
        <asp:RadioButtonList ID="rdlOrder" runat="server" AutoPostBack="true" RepeatLayout="Flow" RepeatDirection="Horizontal" CssClass="keywordsManagerRadioButtons" Enabled="false" >
            <asp:ListItem Text="昇順" Value="Ascending" />
            <asp:ListItem Text="降順" Value="Descending" />
        </asp:RadioButtonList>

        <%--UPDATE PROGRESS INDICATOR--%>
        <span style="position: absolute;">
            <asp:UpdateProgress ID="udpSubjectsManagerUpdateProgress" AssociatedUpdatePanelID="udpKeywordsManager" runat="server" DisplayAfter="500" DynamicLayout="False" >
                <ProgressTemplate>
                    <img class="updateProgressIndicator" src="~/Library_Images/Animations/ajax_loading.gif" alt="" runat="server" />
                </ProgressTemplate>
            </asp:UpdateProgress>
        </span>

    </div>

    <div class="keywordsManagerContainer">

        <%--SUBJECTS DATALIST--%>
        <asp:DataList ID="dlKeywordsManager" runat="server" DataKeyField="Keyword_ID" DataSourceID="dsBookKeywords" RepeatDirection="Horizontal" 
            OnItemDataBound="dlKeywordsManager_ItemDataBound" OnDeleteCommand="dlKeywordsManager_DeleteCommand" OnUpdateCommand="dlKeywordsManager_UpdateCommand" OnPreRender="dlKeywordsManager_PreRender" >

            <ItemTemplate>

                <span id="KeywordInfo" class="keywordsManagerItem" runat="server">
                    <asp:Label ID="Subject_NameLabel" runat="server" Text='<%# Eval("Keyword_Name") %>' />
                    <asp:Label ID="Subject_FrequencyLabel" runat="server" Text='<%#  " (" + Eval("Frequency") + ")" %>' Visible="false" />
                </span>

                <%--HOVER MENU PANEL--%>
                <asp:Panel ID="pnlKeywordContextMenu" runat="server" CssClass="keywordsManagerPopupMenuOverall">

                    <div class="keywordsManagerPopupMenuRow" >
                        <span class="keywordsManagerLabel">科目「</span>
                        <asp:Label ID="pnlSubjectContextMenu_Subject_NameLabel" runat="server" Text='<%# Eval("Keyword_Name") %>' />
                        <span class="keywordsManagerLabel">」を参照している文書数:</span>
                        <asp:Label ID="pnlSubjectContextMenu_Subject_FrequencyLabel" runat="server" Text='<%# Eval("Frequency") %>' />
                    </div>

                    <div ID="Book_ISO_NumbersList" class="keywordsManagerBookISONumbersList" runat="server" visible='<%# (string.IsNullOrEmpty(Eval("Book_ISO_Numbers").ToString())) ? bool.Parse("false") : bool.Parse("true") %>' >
                        <span class="keywordsManagerLabel">文書:</span>
                        <asp:Label ID="Book_ISO_Numbers_Label" runat="server" Text='<%# Eval("Book_ISO_Numbers") %>' />
                    </div>

                    <div class="keywordsManagerPopupMenuSeparator"></div>

                    <div class="keywordsManagerPopupMenuRow" >
                        <asp:TextBox ID="Keyword_NameTextBox" runat="server" Text='<%# Eval("Keyword_Name") %>' CssClass="keywordsManagerPopupMenuInput" />
                        <asp:Button ID="btnEdit" runat="server" Text="編集" CssClass="buttonShortBottom" CommandName="Update" CausesValidation="true" CommandArgument='<%# Eval("Keyword_Name") %>' />
                        <asp:Button ID="btnDelete" runat="server" Text="削除" CssClass="buttonShort" CommandName="Delete" CommandArgument='<%# Eval("Keyword_Name") %>' />
                    </div>

                </asp:Panel>

                <%--HOVER MENU EXTENDER--%>
                <asp:HoverMenuExtender ID="hmeKeywordContextMenu" runat="server" TargetControlID="KeywordInfo" PopupControlID="pnlKeywordContextMenu" PopDelay="100" PopupPosition="Right" HoverDelay="100" />

            </ItemTemplate>

            <SeparatorTemplate>

                <span class="keywordsManagerItemSeparator"></span>

            </SeparatorTemplate>

        </asp:DataList>

    </div>

    <%--MODAL POPUPS--%>
    <%--CONFIRMATION POPUP--%>
    <asp:Panel ID="pnlConfirmationsPopup" runat="server" CssClass="modalNotificationOverall" >
            <div class="modalNotificationRow">
                <asp:Label ID="lblConfirmationPopupMessage" runat="server" Text="" />
            </div>
            <div class="modalNotificationRow">
                <asp:Button ID="btnConfirmationPopupOK" runat="server" Text="はい" CssClass="buttonMediumLong" OnClick="btnConfirmationPopupOK_Click" />
                <asp:Button ID="btnConfirmationPopupCancel" runat="server" Text="いいえ" CssClass="buttonMediumLong" />
            </div>
        <asp:HiddenField ID="hfKeywordID" runat="server" />
        <asp:HiddenField ID="hfNewKeywordName" runat="server" />
        </asp:Panel>
    <%--NOTIFICATION POPUP--%>
    <asp:Panel ID="pnlNotificationsPopup" runat="server" CssClass="modalNotificationOverall" >
            <div class="modalNotificationRow">
                <asp:Label ID="lnlNotificationsPopupMessage" runat="server" Text="" />
            </div>
            <div class="modalNotificationRow">
                <asp:Button ID="btnNotificationsPopupOK" runat="server" Text="OK" CssClass="buttonMediumLong" />
            </div>
        </asp:Panel>
    <%--MODAL POPUP ANCHORS AND MODULES--%>
    <%--DELETE CONFIRMATION--%>
    <asp:Label ID="lblConfirmationPopupAnchor" runat="server" Text="" />
    <asp:ModalPopupExtender ID="mpConfirmationPopup" runat="server" TargetControlID="lblConfirmationPopupAnchor" PopupControlID="pnlConfirmationsPopup" BackgroundCssClass="modalNotificationBackground" CancelControlID="btnConfirmationPopupCancel" />
    <asp:Label ID="lblNotificationPopupAnchor" runat="server" Text="" />
    <asp:ModalPopupExtender ID="mpNotificationPopup" runat="server" TargetControlID="lblNotificationPopupAnchor" PopupControlID="pnlNotificationsPopup" BackgroundCssClass="modalNotificationBackground" CancelControlID="btnNotificationsPopupOK" />

</ContentTemplate>

那里有很多标记。结构如下:我有一个带有下拉列表,radiobuttonlist等的标题部分,它允许我指定数据的排序(数据来自对象数据源)

我有物品的数据表。每个项目都有一个hovermenuextender,我可以在其中发出编辑和删除comamnds的按钮。

模态弹出窗口也在更新面板内,但在数据列表之外,因此可以根据需要更新它们。

我的问题是,只要我删除的项目不是Datalist中剩下的最后一项,这就可以正常工作。如果它是最后一个弹出窗口(mpNotificationPopup)没有显示的项目。

代码一直执行,因此缺少项目必须导致upadte面板(udpKeywordsManager)不更新?

在这种情况下,如何让数据列表更新的任何帮助都是非常受欢迎的。

提前致谢。

2 个答案:

答案 0 :(得分:1)

你也应该向我们展示aspx-markup,但也许你在UpdatePanel中使用了一个ModalPopupExtender。尝试将具有ModalPopupExtender的div属性ID的Panel / PopupControlID移到UpdatePanel之外。

您只需将UpdatePanel嵌套在Popup-Control内部而不是它周围。

我希望以下内容更清楚:

而不是这样做:

<UpdatePanel> 
   <DataList> 
   </DataList> 
   <ModalPopupExtender> 
   </ModalPopupExtender> 
</UpdatePanel> 

你应该这样做:

<ModalPopupExtender> 
   <UpdatePanel> 
      <DataList> 
      </DataList> 
   </UpdatePanel>
<ModalPopupExtender> 

答案 1 :(得分:1)

回答我自己的问题。在痛苦地重建整个事情之后,我意识到当没有任何项目时,我在更新数据板的OnPreRender事件中将更新面板的可见性设置为false。这基本上通过刷新中途关闭了更新面板,因此在删除最后一个元素时页面没有刷新。

通过在更新面板中放置一个面板对其进行排序,该面板包含其中的所有元素,但“无可用信息”标签除外,只需切换其可见性即可。对于这个愚蠢的问题道歉,我想我写这段代码时有一个愚蠢的时刻...