c# - 同一页面中的两个模型弹出窗口

Question

我在 C#.Net 和 Ajax 概念中工作。我在一个页面中有 2 个 ModelPopup Extender。我在该页面中也有 2 个按钮。当我单击第一个按钮时，应显示 1 个 MP，当我单击第二个按钮时，应显示第二个 MP。这对我来说第一次很好。[ie] 当我单击第一个按钮时，显示第一个 MP，当我单击第二个按钮时，显示第二个 MP，如果我再次单击第一个按钮，则没有任何反应。

  <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                    <ContentTemplate>
                        <ajaxToolKit:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="Button2">
                        </ajaxToolKit:ModalPopupExtender>
                        <asp:Button ID="Button2" ToolTip="Location" runat="server" Text="Location(+)"
                            OnClientClick="LocClick();" />
                        <asp:Panel ID="Panel1" runat="server" Style="display: block; width: 600px; overflow: scroll;
                            height: 440px;" BackColor="White">
                            <table>
                                <tr valign="top">
                                    <td width="650">
                                        <ct:ASTreeView ID="astvMyTree" runat="server" BasePath="~/Scripts/astreeview/" DataTableRootNodeValue="0"
                                            BackColor="White" EnableRoot="false" EnableNodeSelection="true" EnableCheckbox="false"
                                            EnableDragDrop="false" EnableTreeLines="true" EnableNodeIcon="false" EnableCustomizedNodeIcon="false"
                                            EnableDebugMode="false" EnableContextMenuAdd="false" EnableParentNodeExpand="false"
                                            EnableAjaxOnEditDelete="false" AutoPostBack="true" OnOnSelectedNodeChanged="astvMyTree_OnSelectedNodeChanged" />
                                    </td>
                                    <td>
                                        <div id="divConsole" runat="server">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </asp:Panel>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <asp:UpdatePanel ID="UpdatePanel5" runat="server">
                    <ContentTemplate>
                        <ajaxToolKit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel2"
                            TargetControlID="Button1">
                        </ajaxToolKit:ModalPopupExtender>
                        <asp:Button ID="Button1" ToolTip="Product" runat="server" Text="Product(+)"
                            OnClientClick="ProdClick();" />
                        <asp:Panel ID="Panel2" runat="server" Style="display: block; width: 600px; overflow: scroll;
                            height: 440px;" BackColor="White">
                            <table>
                                <tr valign="top">
                                    <td width="650">
                                        <ct:ASTreeView ID="ASTreeView1" runat="server" BasePath="~/Scripts/astreeview/" DataTableRootNodeValue="0"
                                            BackColor="White" EnableRoot="false" EnableNodeSelection="true" EnableCheckbox="false"
                                            EnableDragDrop="false" EnableTreeLines="true" EnableNodeIcon="false" EnableCustomizedNodeIcon="false"
                                            EnableDebugMode="false" EnableContextMenuAdd="false" EnableParentNodeExpand="false"
                                            EnableAjaxOnEditDelete="false" AutoPostBack="true" OnOnSelectedNodeChanged="astvMyTree_OnSelectedNodeChanged" />
                                    </td>
                                    <td>
                                        <div id="div4" runat="server">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </asp:Panel>
                    </ContentTemplate>
                </asp:UpdatePanel>

我只是在更改 LocClick 和 ProdClick 中按钮的背景颜色。

<script type="text/javascript">
function LocClick() {
    var location = document.getElementById("<%= Button2.ClientID %>");
    location.style.background = '#72BD66';
    var product = document.getElementById("<%= Button1.ClientID %>");
    product.style.background = '#065581';
    var lastYear = document.getElementById('<%=chkLastYear.ClientID%>');
    lastYear.checked = false;
 } 

如何解决这个...