2012-08-15 2 views

답변

0

이렇게하려면 데이터를 asp:ListView에 바인딩 한 다음 클라이언트 측에 datatables을 적용하여 "부드러운"페이징을 시도 할 수 있습니다.

이렇게하려면 "datatable"클래스가있는 테이블이 필요하며 datatables에는 thead와 tbody가 필요하며 jQuery로 테이블을 선택하는 몇 가지 방법이 필요합니다 (아래 테이블의 ID LayoutTemplate의 "tblStuff"이며 runat = "server"가 없음을 확인했습니다). 또한 Visual Studio는 대개 한 테이블을 다른 테이블에 중첩하므로 디자인 뷰에서 LayoutTemplate을 만든 경우주의해야합니다.

<LayoutTemplate> 
    <table id="tblStuff" class="datatable"> 
     <thead><tr><th>...(Your <th> elements go here)...</tr></thead> 
     <tbody><tr ID="itemPlaceholder" runat="server"></tr></tbody> 
    </table> 
</LayoutTemplate> 

이제 스크립트 : 데이터 세트가 충분히 작 으면

$(document).ready(function() { 
    $('#tblStuff').dataTable({ 
     // See the datatables documentation for all the great options possible 
    }); 
}); 

, 당신은 단지 한번의 ListView에있는 모든 물건 클라이언트까지 모두 보내고 페이지에 datatables를 사용할 수 있습니다. 데이터 세트가 너무 큰 경우 페이지 데이터를 가져 오는 데 configure datatables to use Ajax을 사용할 수 있으며 한 번에 한 페이지 분량의 데이터를 제공하는 웹 메소드를 설정할 수 있습니다.

명예의 전당 페이지의 "정확한"외관을 달성하는 데있어 적절한 CSS로 관리 할 수 ​​있다고 생각합니다.

관련 문제