0

+Add more original を LinkBut​​ton で使えるようにしたい！

ここに画像の説明を入力

使用しているテーブルに次の行があります。 

        <asp:Label ID="Label43" runat="server" 
            Text="P-2.5 Original use:"></asp:Label>
    </td>
    <td class="style1">

            <div style="float:left;">
            <asp:DropDownList class="text-input" ID="DDLOriginalUse" runat="server"
                        DataSourceID="SqlDataSource5" DataTextField="DESCRIPTION" 
                        DataValueField="ID_PROGRAM_USE" OnSelectedIndexChanged="itemSelected" AutoPostBack="True" AppendDataBoundItems="true">
                        <asp:ListItem Text="-Not assigned-" Value="-1" Selected="True" />
            </asp:DropDownList>
            </div>

            <asp:UpdatePanel runat="server" style="float:left;" id="UpdatePanel2" updatemode="Conditional">
                <Triggers>
                    <asp:AsyncPostBackTrigger controlid="DDLOriginalUse" eventname="SelectedIndexChanged" />
                </Triggers>
                <ContentTemplate>
                    &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<asp:Label ID="lblProgramType" runat="server"></asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>

        <asp:SqlDataSource ID="SqlDataSource5" runat="server" 
            ConnectionString="<%$ ConnectionStrings:MesarchConnectionString %>" 
            SelectCommand="SELECT * FROM [PROGRAM_USE]"></asp:SqlDataSource>

    </td>
</tr>

上記と同じ内容の新しい行を追加したいので、 asp:PlaceHolder を使用しています: このコードは続きます..

</tr>

<asp:UpdatePanel runat="server" id="UpdatePanel1" updatemode="Conditional">
    <Triggers>
        <asp:AsyncPostBackTrigger controlid="LinkButtonAddOriginal" eventname="Click" />
    </Triggers>
    <ContentTemplate>
            <asp:PlaceHolder ID="PlaceHolderAddNewOriginalUse" runat="server"></asp:PlaceHolder>

    </ContentTemplate>
</asp:UpdatePanel>

<tr>
    <td>
        &nbsp;</td>
    <td class="style1">
        <asp:UpdatePanel runat="server" id="UpdatePanel3" updatemode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger controlid="LinkButtonAddOriginal" eventname="Click" />
            </Triggers>
            <ContentTemplate>
                    <b><asp:LinkButton ID="LinkButtonAddOriginal" OnClick="AddMoreOriginal" runat="server">+Add more original use</asp:LinkButton></b>
            </ContentTemplate>
        </asp:UpdatePanel>

    </td>
</tr>

私のコードビハインドでは、クリックのためにこれを行っています(最大5つのテキストボックスを追加したい):

private static int countOriginalUse = 1;

private static LiteralControl htmlPresentation = new LiteralControl();

protected void AddMoreOriginal(object sender, EventArgs e)
    {
        StringBuilder str_for_ltr = new StringBuilder();
        countOriginalUse++;
        if (countOriginalUse >= 6) { LinkButtonAddOriginal.Text = "You can not add more.";return; }

        str_for_ltr.Append("<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;P-2.5 Original use " + countOriginalUse.ToString() + ":</td>");
        str_for_ltr.Append("<td class='style1'>");


        str_for_ltr.Append("</td>");
        str_for_ltr.Append("</tr>");


        htmlPresentation.Text += str_for_ltr.ToString();

        PlaceHolderAddNewOriginalUse.Controls.Add(htmlPresentation);

        /*DropDownList ddl1 = new DropDownList();
        ddl1.ID="Dropdown1";
        ddl1.CssClass = "Mycss";
        ddl1.Items.Add("test");
        PlaceHolderAddNewOriginalUse.Controls.Add(ddl1);
        PlaceHolderAddNewOriginalUse.Controls.Add(new LiteralControl("<br/>"));*/
    }

したがって、ここで直面する問題は、新しい行が追加されないことと、テキストが asp:PlaceHolder を配置した場所ではないことです (一番上にあります)。

そして、この DropDownList を UpdatePanel とともに追加する必要がある場合、さらに多くの問題が発生することは間違いありません (最初のコードに示されているように)。

私はそれを完全に間違っていますか、それを行うには他の方法に従う必要がありますか? 私は混乱しています...

4

1 に答える 1

0

私はそれを自分で行う方法を見つけました。

DropDownLists とそれらの個人的な UpdateControl を含むいくつかの新しい行を作成しましたが、私はそれらを持っていましたstyle = "display:none".

次に、次のようなリンクボタンがあります。

            <tr>
                <td>
                    &nbsp;</td>
                <td class="style1">
                    <b><a id="linkAddOriginal" onclick="javascript:addOriginalUse()">+Add more original use</a></b>
                </td>
            </tr>

また、毎回適切な行を表示する静的変数を使用して、この単純な JavaScript 関数を作成しました。

<script type="text/javascript">
    function addOriginalUse() {
        if (typeof addOriginalUse.counter == 'undefined') {
            // It has not... perform the initilization
            addOriginalUse.counter = 1;
        }
        addOriginalUse.counter++;
        if (addOriginalUse.counter >= 6) { document.getElementById("linkAddOriginal").innerHTML = "You can not add more original uses."; return; }

        var ddl = document.getElementById("originalUseRow" + addOriginalUse.counter);
        ddl.style.display = 'inline-block';
    }

</script>

DropDownList の ItemSelection に応じてデータを表示する追加のコードもあります。必要な場合は、私に尋ねてください。

于 2012-10-13T18:15:56.407 に答える