우선, 부트 스트랩 테이블 페이지 매김에 대한 자세한 질문을 정리하고 공유해 주신 저자에게 감사의 말씀을 전합니다. 이 기사가 부트 스트랩 테이블 페이지 매김에서 다양한 문제를 해결하는 데 도움이되기를 바랍니다. 읽어 주셔서 감사합니다.
질문 1 : 서버는 양식 값을 얻을 수 없으며 QueryString에는 아무런 문제가 없지만 request.form은 값을 얻을 수 없습니다.
솔루션 : 이것은 Ajax의 문제입니다. 원래 코드는 원본 Ajax를 사용합니다. 스트림 파일을 읽음으로써 1을 해결할 수 있습니다. 2 request.form 메소드를 사용하려면 ContentType를 설정하십시오 : "Application/X-www-form-urlencoded",
좋다
$ ( '#tableList'). 부트 스트랩 가능 ({method : 'post', url : "", height : $ (wind질문 2 : 전달 된 매개 변수를 서버로 설정합니다
방법:
함수 queryparams (params) {return {pagesize : params.limit, pagenumber : params.pagenumber, username : 4};} $ ( '#tableList'). bootStraptable ({method : 'post', url : "", height : $ (window) .height () - 200, true, datatypy QueryParams,질문 3 : Pagesize 정보는 백그라운드에서 검색 할 수 없습니다
해결하다:
1. QueryParams에 설정하십시오
2. Bootstrap-table.minjs 파일에서 소스 파일을 "Limit"=== this.Options.queryParamStype && (e = {leme : e.pagesize, pagenumber : e.pagenumber,
bootstrap-table.js 수정도 괜찮습니다
if (this.options.queryparamstype === 'limit') {params = {search : params.searchtext, sort : params.sortname, order : params.sortorder}; if (this.options.pagination) {params.limit = this.options.pages.pagenumber = this.pagenumber, params. (this.options.pagenumber -1);}}"QueryParamStype": "Limit",
전체:
<script type = "text/javaScript"> $ (document) .ready (function () {) {$ ( '#tableList'). bootStraptable ({Metho : 'post', url : "getcompappylist", height : $ (Wind False, ContentType : "application/x-www-form-urlencoded", pagesize : 10, pagenumber : 1, search : false : // 검색 상자 표시 상자 : false, // 드롭 다운 상자를 표시하지 않음 (표시된 열 선택) : "서버", // 서버 요청 queryparams : // minimuncountcolumns :, QueryParams : // 응답 핸들러 : [{field : 'companyId', checkbox : true}, {field : 'qq', 제목 : 'QQ', 너비 : 100, '센터', valign : 'middle', 'sortable : false}, {field :'field : 'filed :'name ', width : 100,'center ','middle '))); responshandler (res) {if (res.isok) {var result = b64.decode (res.resultValue); var resulttr = $ .parsejson (res); return { "rows": resulttr.items, "total": resultstr.totalitems}; else { "rows": [] : 0}; 0}; 0}; 0}; QueryParams (params) {return {pagesize : params.limit, pagenumber : params.pagenumber, username : 4};} </script>질문 4 : 페이징 후 다시 검색
전제 조건 : 제품 이름 검색 기능과 같은 사용자 정의 검색 및 페이징 기능.
현상 : 풍선 인형을 검색 할 때 100 개의 레코드를 반환하고 5 페이지로 돌아갑니다. 현재 마사지 스틱을 검색하면 200 개의 데이터가 있으며 결과는 첫 페이지의 레코드가되어야하지만 실제 디스플레이는 다섯 번째 페이지의 결과입니다. 즉, 다시 검색 한 후에는 Pagenumber가 변경되지 않았습니다.
해결책 : 옵션을 재설정합니다.
function search () {$ ( '#tabelist'). 부트 스트랩 가능 ({pagenumber : 1, pagesize : 10});}여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 테이블 사용 자습서
부트 스트랩 플러그인 사용 튜토리얼
위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.