jquery - 如何从 C# 添加 Jquery Accordion 选项卡

Question

嗨，我是 J Query 新手，在我的项目中，我想从后面的 C# 代码实现 J 查询 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);

请告诉我解决方案，谢谢

Answer 1

如果您希望 txtEmail 成为 Accordion 的一部分，您必须使用与 Accordion 兼容的标记。添加以下内容，而不是仅添加文本框:

// 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);

注意:代码是手写的，没有编译验证。如果无法编译请告诉我:)