데이터베이스 에서 JQuery Accordion 컨트롤 을 연결 합 니 다---Repeater control
3220 단어 accordion
1.JQuery 인용 추가
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />
2.탭 에 JQuery 코드 를 쓰 십시오.dvAccordian 은 div 층 의 id 입 니 다.
<script type="text/javascript">
$(function () {
$("#dvAccordian").accordion();
})
</script>
3.body 탭 에 Repeater 컨트롤 을 추가 하고 데이터베이스 필드 를 연결 합 니 다.
<div id="dvAccordian" style="width:500px">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<h3><%# Eval("Title") %></h3>
<div>
<p><%# Eval("Content") %></p>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
4.배경 에 다음 네 임 스페이스 추가
using System.Data;
using System.Configuration;
using System.Data.SqlClient;
5.Repeater 컨트롤 을 구성 하 는 방법
private void BindRepeater()
{
string constr = ConfigurationManager.ConnectionStrings["DemosDatabaseConnectionString"].ConnectionString;
using (SqlConnection con = new SqlConnection(constr))
{
using (SqlCommand cmd = new SqlCommand())
{
cmd.CommandText = "select Title,Content from AccordionContent";
cmd.Connection = con;
con.Open();
Repeater1.DataSource = cmd.ExecuteReader();
Repeater1.DataBind();
con.Close();
}
}
}
6.페이지 에 불 러 올 때 컨트롤 바 인 딩
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindRepeater();
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
바닐라 자바스크립트를 사용하여 아코디언 만들기HTML, CSS 및 Vanilla Javascript를 사용하여 팩트 아코디언을 만들어 봅시다 먼저 아코디언의 HTML 뼈대를 만듭니다. 4개의 팩트 카드가 있습니다. 따라서 HTML은 아래와 같이 표시됩니다. [...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.