boottstrap Table 서버 에서 페이지 처리(백 엔 드 는.net)
함수 가 중복 사용 가능(호출)을 고려 하려 면 변화 가능 한 매개 변 수 를 봉인 해 야 합 니 다.
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 에 검색 조건 을 추가 해 야 한 다 는 것 을 알 게 되 었 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
부트스트랩 5 스티커Sticky는 페이지의 특정 영역에서 요소를 잠글 수 있도록 하는 구성 요소입니다. 수동 설치(zip 패키지) 부트스트랩 이미지 구성 요소를 활용하고 프로젝트에서 사용하려면 먼저 을 설치해야 합니다. MDB CLI ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.