boottstrap Table 서버 에서 페이지 처리(백 엔 드 는.net)

본 논문 의 사례 는 boottstrap Table 서버 에서 페이지 를 처리 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
함수 가 중복 사용 가능(호출)을 고려 하려 면 변화 가능 한 매개 변 수 를 봉인 해 야 합 니 다.

function HQCreatTables(ob) {
 var option = {
 method: 'get',
 dataType: "json",
 striped: true,//    true          
 undefinedText: " ",//     undefined        
 pagination: true, //   
 // paginationLoop:true,//    true             。 
 showToggle: false,//         (table/card)   
 showColumns: false,//            
 pageNumber: 1,//       ,     
 // showPaginationSwitch:true,//             
 pageSize: 10,//       ,       
 pageList: [10, 20, 40], //       ,             。   All        。 
 paginationPreText: '?',//                 ,   < 
 paginationNextText: '?',//                 ,   > 
 // singleSelect: false,//  True       
 search: false, //      
 data_local: "zh-US",//     
 sidePagination: "server", //        
 queryParams: function (params) {//     ,           ,         
  return {//   params table    
  cp: params.offset,//            
  ps: params.limit//     
  };
 }
 }
 if (ob.url) {
 option.url = ob.url;
 }
 if (ob.columns) {
 option.columns = ob.columns;
 }
 $(ob.id).bootstrapTable('destroy');
 $(ob.id).bootstrapTable(option);
 if (ob.data) {
 $(ob.id).bootstrapTable('load', ob.data);
 }
 $(ob.id).on('load-success.bs.table', function (data) {//table           
 var $table = $(ob.id);
 var allTableData = JSON.stringify($table.bootstrapTable('getData'));//          
 var obj = JSON.parse(allTableData);
 console.log(obj)
 Xstate.TableArr = obj;
 });
}
table 에서 성공 적 으로 쓴 함 수 를 불 러 온 것 은 내 가 필요 해서 쓴 것 입 니 다.table 의 데 이 터 를 전역 변수 에 두 고 자세 한 정 보 를 조회 하면 ajax 를 하지 않 아 도 됩 니 다.
이'load-success.bs.table'api 에 문제 가 있 습 니 다.이 table 이 여러 번 load-success 를 받 으 면 이 함수 가 똑 같이 여러 번 실행 되 고 페이지 표시 기능 에 영향 을 주지 않 습 니 다.그러나 자신 은 이전의 table 이$(ob.id).boottstrapTable('destroy')에 의 해 소각 되 었 는데 왜 기록 되 었 는 지 아직 모른다.
함수 가 호출 될 때 자신의 인 자 를 기록 합 니 다.colums 는 첫 번 째 줄 의 헤더 입 니 다.

var tab = { id: '#Table', url: '/HealthRecords/Selects', columns: columns }
HQCreatTables(tab);
.net 배경 에서 전 달 된 json 도 반드시 page 값 이 있어 야 합 니 다.rows 는 데이터,total:모든 데 이 터 를 표시 하 는 항목 입 니 다.

[HttpGet]
 //GET: HealthRecords
 public JsonResult Selects(HealthRecordView m, int cp = -4, int ps = -5, string start = null, string end = null)
 {
  string sa = Session["hid"].ToString();
  m.hid = sa;
  string sqls = " SELECT * from A where hid='" + m.hid + "' ";
  string sqlss = " SELECT count(*) from A where hid='" + m.hid + "' ";
  if (!string.IsNullOrWhiteSpace(m.Name))
  {
  sqls += " and Name like '%" + m.Name + "%'";
  sqlss += " and Name like '%" + m.Name + "%'";
  }
  if (!string.IsNullOrWhiteSpace(start) && !string.IsNullOrWhiteSpace(end))
  {
  sqls += " and r_time > '" + start + "' and r_time <'" + end + "'";
  sqlss += " and r_time > '" + start + "' and r_time <'" + end + "'";
  }
  sqls += " order by r_time desc ";
  if (cp != -4&& ps != -5)
  {
  sqls += " limit "+ cp + "," + ps + " ";
  }
  
  var arr = db.Database.SqlQuery<HealthRecordView>(sqls).ToArray();
  int RoleNames = db.Database.SqlQuery<int>(sqlss).FirstOrDefault();
  return Json(new { page = cp, rows = arr, total = RoleNames }, JsonRequestBehavior.AllowGet);
 }
위 와 같이 배경 데 이 터 를 전송 하지 말고 더 많은 조건 을 제한 하지 않 는 table 이 생 성 되 었 습 니 다.
어떻게 당신 이 조회 조건 이 있 을 때 어떻게 해 야 합 니까?

그림 을 다 보 았 을 때 함 수 를 호출 할 때 url 에 검색 조건 을 추가 해 야 한 다 는 것 을 알 게 되 었 습 니 다.

좋은 웹페이지 즐겨찾기