Question

我有一个包含10个动态生成的LinkButton元素的ASP.NET页面。当用户单击其中一个LinkButton元素时，我想在模式对话框中显示其Text。然后，用户可以通过在TextBox中输入值来更改文本。我的代码如下所示：

<asp:ScriptManager ID="theScriptManager" runat="server" />
<asp:UpdatePanel ID="myUpdatePanel" runat="server">
    <ContentTemplate>
        <asp:Table ID="myTable" runat="server" OnInit="myTable_Init" CellPadding="10" CellSpacing="10" />
    </ContentTemplate>
</asp:UpdatePanel>

<asp:LinkButton ID="testLinkButton" runat="server" />
<cc1:ModalPopupExtender ID="myPopupExtender" runat="server" TargetControlID="testLinkButton"
    OkControlID="okButton" PopupControlID="myPanel" />

<asp:Panel ID="myPanel" runat="server" Style="display: none;">
    <table border="1" cellpadding="0" cellspacing="0"><tr><td>
        <table border="0" cellpadding="0" cellspacing="0" style="width: 300px;">
            <tr><td colspan="2" style="background-color: Blue; font-weight: bold; color: White;">
                &nbsp;Test
            </td></tr>
            <tr>
                <td>You clicked <asp:TextBox ID="numTextBox" runat="server" MaxLength="3" />.</td>
                <td align="right" style="padding-top: 5px; padding-bottom: 5px;">
                    <asp:Button ID="okButton" runat="server" Text="OK" OnClick="okButton_Click" />&nbsp;
                </td>
            </tr>
        </table>
    </td></tr></table>
</asp:Panel>

这个ASP.NET代码的代码隐藏如下：

private LinkButton selectedLinkButton = null;

protected void Page_Load(object sender, EventArgs e)
{}

protected void myTable_Init(object sender, EventArgs e)
{
        TableRow row = new TableRow();
        for (int i = 1; i < 11; i++)
        {
            LinkButton linkButton = new LinkButton();
            linkButton.Text = i.ToString();
            linkButton.Click += new EventHandler(linkButton_Click);
            linkButton.CommandArgument = i.ToString();

            AddLinkButtonToRow(linkButton, row);
        }
        myTable.Rows.Add(row);

}

protected void linkButton_Click(object sender, EventArgs e)
{
    selectedLinkButton = (LinkButton)(sender);
    numTextBox.Text = selectedLinkButton.CommandArgument;

    myPopupExtender.Show();
}

protected void okButton_Click(object sender, EventArgs e)
{
    if (selectedLinkButton != null)
    {
        selectedLinkButton.Text = numTextBox.Text.Trim();
    }
}

private void AddLinkButtonToRow(LinkButton linkButton, TableRow row)
{
    TableCell cell = new TableCell();
    cell.Controls.Add(linkButton);
    row.Cells.Add(cell);
}

我的问题是，我想减少回发的数量。为此，我决定使用ASP.NET AJAX工具包。不幸的是，一旦用户在对话框中单击“确定”，我就无法更新LinkButton文本。另外，我似乎还在回复。我怎么用错了？

谢谢，

Answer 1

默认情况下，UpdatePanel只会在其中的对象触发各种事件时触发刷新。

您需要在UpdatePanel中移动ModalPopupExtender和代码，或者在模式弹出窗口中指定附加到Ok按钮的更新触发器。

如果您仍未获得正确的刷新，则可能需要在Ok按钮代码中添加myUpdatePanel.Update（）命令，以便在为新LinkButton提供内容后刷新面板。

Answer 2

为我的UpdatePanel按钮添加Close触发器有助于防止该页面执行完整的回发。因此，为OK按钮添加触发器也应该这样做。

ASP.NET - 使用ModalPopupExtender防止页面刷新

2 个答案: