> 웹 프론트엔드 > JS 튜토리얼 > 부트스트랩 테이블 서버 측 페이징 예제 Sharing_jquery

부트스트랩 테이블 서버 측 페이징 예제 Sharing_jquery

WBOY
풀어 주다: 2016-05-16 16:14:52
원래의
1608명이 탐색했습니다.

1. 프론트엔드 소개에 필요한 js는 공식 홈페이지에서 다운로드 받을 수 있습니다

코드 복사 코드는 다음과 같습니다.

함수 getTab(){
var url = contextPath '/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
method: 'get', //여기까지 오도록 설정해야 하는데 왜 post를 설정했는데도 안 나오는지 모르겠네요
url: url,
캐시: 거짓,
높이: 400,
줄무늬: 사실,
페이지 매김: true,
페이지 목록: [10,20],
// 콘텐츠 유형: "application/x-www-form-urlencoded",
페이지 크기:10,
페이지번호:1,
검색: true,
sidePagination:'server',//서버측 페이징으로 설정
queryParams: queryParams,//매개변수
showColumns: true,
showRefresh: 사실,
최소 개수열: 2,
clickToSelect: true,
smartDisplay:사실,
열: [
{
필드: 'interfaceInfoCode',
제목: '펀드 채널 코드',
정렬: '가운데',
너비: '180',
valign: '하단',
정렬 가능: true
}, {
필드: 'retreatBatchCode',
제목: '펀드 반환 배치 번호',
정렬: '가운데',
너비: '200',
valign: '중간',
정렬 가능: true
}, {
필드: '전체',
제목: '총 거래 건수',
정렬: '가운데',
너비: '10',
valign: '상단',
정렬 가능: true
}, {
필드: 'totalMoney',
제목: '총액',
정렬: '가운데',
너비: '100',
valign: '중간',
clickToSelect: 거짓
}, {
제목: '작전',
필드: '상태',
정렬: '가운데',
너비: '200',
valign: '중간',
}]
});
}
//수신 매개변수 설정
함수 queryParams(params) {
매개변수 반환
}
$(함수(){
getTab();
})

2 백스테이지

한도 오프셋 가져오기. 일부 웹사이트에서는 pageSize, pageIndex를 가져오려면 수신 매개변수의 형식을 지정해야 합니다. 어쨌든 성공하지 못한 경우에는 공유해 주세요.

코드 복사 코드는 다음과 같습니다.

int currentPage = request.getParameter("offset") == null 1 : Integer.parseInt(request.getParameter("offset"));
//페이지당 줄 수
int showCount = request.getParameter("limit") == null ? 10 : Integer.parseInt(request.getParameter("limit"));/
if (currentPage != 0) {// 페이지 수를 가져옵니다
currentPage = currentPage / showCount;
}
현재페이지 = 1;
JSONObject json = 새로운 JSONObject();
json.put("rows", bfrv); //여기서 행과 합계의 키는 고정되어 있습니다.
json.put("전체", 전체);

위 내용은 이 글의 전체 내용입니다. 여러분이 좋아하시길 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿