如何从C#添加Jquery手风琴选项卡 [英] How to add Jquery accordion tabs from C#

问题描述

您是J Query的新手，在我的项目中，我想从后面的C#代码实现J查询手风琴，但是我不知道如何使用以下代码将控件添加到jquery手风琴，但这不是将控件添加到手风琴"选项卡到内容

以下代码为aspx

Hi am new to J Query and in my project I want to implement J query Accordion from C# code behind but i don''t know how to add controls to jquery Accordion am using following code but this add controls to Accordion tab not to content

following code for aspx

<<pre lang="xml">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></pre>



   <pre><pre lang="c#"><pre lang="xml">SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[&amp;quot;DBCS&amp;quot;].ConnectionString);
    SqlDataAdapter da = new SqlDataAdapter(&amp;quot;select * from Mobile&amp;quot;, con);
    DataSet ds = new DataSet();
    da.Fill(ds);
    Repeater1.DataSource = ds;
    Repeater1.DataBind();
    accordion.Controls.Add(txtEmail);&lt;/pre&gt;&lt;/pre&gt;
please find me solution Thanks</pre>

推荐答案

(function(){

(function () {

(#accordion").accordion({ heightStyle:内容" }); }); < / 脚本 > < div =" 手风琴" runat >服务器" > < asp:Repeater ID =" runat 服务器" < ItemTemplate > < h3 > <％#DataBinder.Eval(Container.DataItem，" Mobile_Name")％> < /h3 > < div > < p > <％#DataBinder.Eval(Container.DataItem，" 说明" )％> < /p > < /div > < /ItemTemplate > < /asp:Repeater > < /div > < /pre > < pre > < pre =" c#" > ; < pre lang =" > SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings [& amp; quot; DBCS& amp; quot;].ConnectionString); SqlDataAdapter da =新的SqlDataAdapter(& quot;从Mobile& amp; quot;中选择*，con); DataSet ds = new DataSet(); da.Fill(ds); Repeater1.DataSource = ds; Repeater1.DataBind(); Accordion.Controls.Add(txtEmail);</pre& gt;</pre& gt; 请为我找到解决方案谢谢< /pre >

("#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></pre> <pre><pre lang="c#"><pre lang="xml">SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[&amp;quot;DBCS&amp;quot;].ConnectionString); SqlDataAdapter da = new SqlDataAdapter(&amp;quot;select * from Mobile&amp;quot;, con); DataSet ds = new DataSet(); da.Fill(ds); Repeater1.DataSource = ds; Repeater1.DataBind(); accordion.Controls.Add(txtEmail);&lt;/pre&gt;&lt;/pre&gt; please find me solution Thanks</pre>

下载以下文件并将其添加到aspx标记代码中

Download following file and add it to aspx markup code

<script type="text/javascript" src="../js/jquery-ui-1.8.23.custom.min.js"></script>

添加javascript

add javascript

<script language="javascript" type="text/javascript">

这篇关于如何从C#添加Jquery手风琴选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！