ASP.NET 2.0의 GridView 나 DetailsView는 클릭한번으로 페이징 기능을 구현할 수 있다. 하지만 마음먹은대로 표시하는 모양과 기능들을 조작하기가 상당히 복잡하다.
이에 반해 DataList는 사용의 자유도가 상당히 높은반면 GridView 에서 기본으로 제공하는 페이징, 소팅등의 기능을 직접 구현해 주어야 한다. 그 중에서도 DataList에서 페이징을 구현하기 위해선 PagedDataSource 를 이용하면 간단하게 할 수 있다.
SqlConnection con = new SqlConnection("ConnectionString");
con.Open();
SqlCommand cmd = new SqlCommand("SELECT * FROM BOARD", con);
DataSet ds = new DataSet();
SqlDataAdapter sda = new SqlDataAdapter(cmd);
sda.Fill(ds);
PagedDataSource pds = new PagedDataSource();
pds.DataSource = ds.Tables[0].DefaultView;
pds.AllowPaging = true;
pds.PageSize = 10;
pds.CurrentPageIndex = CurrentPage;
DataList1.DataSource = pds;
DataList1.DataBind();
ASP 내에서는 DataList1 내에 표시하고 싶은 곳에
<%# Eval("NUMBER") %> 컬럼명을 적어주면 표시가 된다.
그리고 현재 페이지를 가져오는 과정은
public int CurrentPage
{
get
{
object o = this.ViewState["_CurrentPage"];
if (o == null)
return 0;
else
return (int)o;
}
set
{
this.ViewState["_CurrentPage"] = value;
}
}
함수를 넣어주면 된다.
그리고 전페이지와 다음페이지 버튼을 만들고 Click 이벤트를 만든다음
CurrentPage += 1 과 CurrentPage -= 1 을 각각 넣고 다시 빌드하면
페이징을 구현할 수 있다.
btnPrev.Enabled = !pds.IsFirstPage;
btnNext.Enabled = !pds.IsLastPage;
<div style="width:200; text-overflow:clip; overflow:hidden;">
<nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
<div style="width:200; text-overflow:ellipsis; overflow:hidden;">
<nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
<div style="width:200; text-overflow:ellipsis; overflow:visible;">
<nobr>제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr>
</div>
<table border=1>
<tr style="padding-top:3">
<td height=20 style="padding-left:5"><div style="overflow:hidden; text-overflow:ellipsis; width:220;"><nobr><a href="">제목이 긴 문자열로 이루어진 글을 테이블의 폭에 알맞게 잘라줍니다.</nobr></div></td>
<td class=s>2006.12.26</td>
</tr>
</table>
<style type="text/css">
.fixed table { table-layout : fixed; }
.fixed table tr td { text-overflow : ellipsis; overflow : hidden; }
</style>
<div class="fixed">
<table cellpadding="0px" cellspacing="0px" border="1px">
<tr>
<td width="2%">
<nobr>a234234234234234234234234234234qwreqwer</nobr></td>
<td width="3%">234234234</td>
<td width="95%">test</td></tr>
<tr>
<td>b</td>
<td>lekjalefjlaejiflaejflajeflajefljaaa</td>
<td>xxx</td></tr>
</table>
</div>
[출처] [Javascript] css 말줄임 ellipsis|작성자 플그머
C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\WebDev.WebServer.EXE기본적으로 VS에서 실행하는 경우 아래와 같이 가상 디렉터리로 잡히기 때문에 경로설정에 문제가 될 경우도 있습니다.
C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\WebDev.WebServer.EXE /port:8080 /path:"D:\Web"요렇게 실행 하면 콘솔 창이 열리면서 아래와 같이 가상 웹 서버가 설정되는 것을 확인 할 수 있습니다.
기존 원본에서는 한글폴더에 파일을 업로드하거나 다운로드가 불가능 했습니다.
물론 한글파일명의 파일로 업/다운로드 불가능했었는데..
이 파일 압축을 풀어서 기존소스에 덮어쓰기 하시면 대부분의 한글문제는 해결됩니다.
단, 폴더 모든음악듣기는 플래시플레이어의 문제이므로 실행이 안됩니다.
출처는 네이버 나스까페에서 가져왔습니다.
http://cafe.naver.com/networkhard
파일다운받기
webhard.zip