1

こんにちは、J Queryは初めてです。私のプロジェクトでは、C＃コードビハインドからJ query Accordionを実装したいのですが、jquery Accordionにコントロールを追加する方法がわかりません。次のコードを使用していますが、これにより、コンテンツではなくAccordionタブにコントロールが追加されます。

aspxの次のコード

<script type="text/javascript">
    $(function () {
        $("#accordion").accordion({
            heightStyle: "content"
        });
    });
</script>



 <div id="accordion" runat="server">
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <h3>
                <%# DataBinder.Eval(Container.DataItem, "Mobile_Name")%>
            </h3>
            <div>
                <p>
                    <%# DataBinder.Eval(Container.DataItem, "Description")%>
                </p>
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>

.csの次のコード

TextBox txtEmail = new TextBox();
     txtEmail.ID = "txtEmail";



    SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
    SqlDataAdapter da = new SqlDataAdapter("select * from Mobile", con);
    DataSet ds = new DataSet();
    da.Fill(ds);
    Repeater1.DataSource = ds;
    Repeater1.DataBind();
    accordion.Controls.Add(txtEmail);

解決策を教えてくださいありがとう

4

1 に答える 1

3

txtEmail をアコーディオンの一部にしたい場合は、アコーディオンと互換性のあるマークアップを使用する必要があります。テキストボックスを追加するだけでなく、次を追加します。

// First add the header component
accordion.Controls.Add(new HtmlGenericControl("h3") { InnerText = "Email" });
// Then create the div for the accordion content
HtmlGenericControl div = new HtmlGenericControl("div");
// Add your textbox to the content div for the accordion
div.Controls.Add(txtEmail);
// Finally add the div to the accordion completing the accordion tab set
accordion.Controls.Add(div);

注: コードはコンパイル検証なしで手書きされています。コンパイルされない場合はお知らせください:)

于 2012-10-23T11:44:26.937 に答える