0

10個の動的に生成されたLinkBut​​ton要素を含むASP.NETページがあります。ユーザーがこれらのLinkBut​​ton要素の1つをクリックすると、そのテキストをモーダルダイアログに表示したいと思います。その後、ユーザーは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.NETAJAXツールキットを使用することにしました。残念ながら、ユーザーがダイアログで[OK]をクリックすると、LinkBut​​tonテキストを更新できません。また、まだポストバックがかかっているようです。これをどのように間違って使用していますか?

ありがとうございました、

4

2 に答える 2

2

デフォルトでは、UpdatePanel は、その中のオブジェクトにさまざまなイベントが発生した場合にのみ更新をトリガーします。

ModalPopupExtender とコードを UpdatePanel 内に移動するか、モーダル ポップアップ内の [OK] ボタンにアタッチされた Update Trigger を割り当てる必要があります。

それでも適切に更新されない場合は、新しい LinkBut​​ton のコンテンツを提供した後で、myUpdatePanel.Update() コマンドを OK ボタン コードに追加してパネルを更新する必要がある場合があります。

于 2009-06-15T16:47:37.320 に答える
0

UpdatePanelボタンのトリガーを追加するとClose、ページが完全なポストバックを実行するのを防ぐことができました。したがって、OKボタンのトリガーを追加しても同じことが行われます。

于 2011-08-08T23:11:04.387 に答える