|
|
|
@ -14,9 +14,9 @@ class PageNavigation {
|
|
|
|
// 현재 데이타 위치
|
|
|
|
// 현재 데이타 위치
|
|
|
|
,gridDataPos: null
|
|
|
|
,gridDataPos: null
|
|
|
|
// 현재 page
|
|
|
|
// 현재 page
|
|
|
|
,page: null
|
|
|
|
,pageNum: null
|
|
|
|
// 페이지당 갯수
|
|
|
|
// 페이지당 갯수
|
|
|
|
,perPage: null
|
|
|
|
,fetchSize: null
|
|
|
|
// 전체 데이타 count
|
|
|
|
// 전체 데이타 count
|
|
|
|
,totalCount: null
|
|
|
|
,totalCount: null
|
|
|
|
// 페이지 이동 구분
|
|
|
|
// 페이지 이동 구분
|
|
|
|
@ -31,32 +31,29 @@ class PageNavigation {
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
constructor(GRID, gridDatas, gridDataPos) {
|
|
|
|
constructor(GRID, gridDatas, gridDataPos) {
|
|
|
|
let pageInfo = {
|
|
|
|
let pageInfo = {
|
|
|
|
page: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
perPage: null,
|
|
|
|
fetchSize: null,
|
|
|
|
totalCount: null
|
|
|
|
totalCount: null
|
|
|
|
}
|
|
|
|
};
|
|
|
|
// pageOptions type에 따라 paging 정보 위치가 달라 분기 처리
|
|
|
|
// pageOptions type에 따라 paging 정보 위치가 달라 분기 처리
|
|
|
|
if(GRID.store.data.pageOptions.type === 'scroll'){
|
|
|
|
if(GRID.paginationInfoRef.pagingYn === true){
|
|
|
|
//const {page, perPage, totalCount} = GRID.store.data.pageOptions;
|
|
|
|
const {pageNum, fetchSize, totalCount} = GRID.paginationInfoRef;
|
|
|
|
const {page, perPage, totalCount} = GRID.store.data.pageOptions;
|
|
|
|
pageInfo.pageNum = pageNum;
|
|
|
|
pageInfo.page = page;
|
|
|
|
pageInfo.fetchSize = fetchSize;
|
|
|
|
pageInfo.perPage = perPage;
|
|
|
|
|
|
|
|
pageInfo.totalCount = totalCount;
|
|
|
|
pageInfo.totalCount = totalCount;
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
}else{
|
|
|
|
const {itemsPerPage, totalItems} = GRID.getPagination()._options;
|
|
|
|
pageInfo.fetchSize = GRID.paginationInfoRef.totalCount;
|
|
|
|
pageInfo.page = GRID.getPagination()._currentPage;
|
|
|
|
pageInfo.totalCount = GRID.paginationInfoRef.totalCount;
|
|
|
|
pageInfo.perPage = itemsPerPage;
|
|
|
|
|
|
|
|
pageInfo.totalCount = totalItems;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
this.gridInfo = {
|
|
|
|
this.gridInfo = {
|
|
|
|
|
|
|
|
|
|
|
|
gridDatas
|
|
|
|
gridDatas
|
|
|
|
,gridDataPos
|
|
|
|
,gridDataPos
|
|
|
|
,curRowData: gridDatas[gridDataPos]
|
|
|
|
,curRowData: gridDatas[gridDataPos]
|
|
|
|
,curRowPos: (pageInfo.page - 1) * pageInfo.perPage + gridDataPos + 1
|
|
|
|
,curRowPos: (pageInfo.pageNum - 1) * pageInfo.fetchSize + gridDataPos + 1
|
|
|
|
,page: pageInfo.page
|
|
|
|
,pageNum: pageInfo.pageNum
|
|
|
|
,perPage: pageInfo.perPage
|
|
|
|
,fetchSize: pageInfo.fetchSize
|
|
|
|
,totalCount: pageInfo.totalCount
|
|
|
|
,totalCount: pageInfo.totalCount
|
|
|
|
,pageMove: null
|
|
|
|
,pageMove: null
|
|
|
|
,next: null
|
|
|
|
,next: null
|
|
|
|
@ -74,7 +71,7 @@ class PageNavigation {
|
|
|
|
resetGrid(res, gridDatas, callback) {
|
|
|
|
resetGrid(res, gridDatas, callback) {
|
|
|
|
this.grid.resetData(res.data?.contents);
|
|
|
|
this.grid.resetData(res.data?.contents);
|
|
|
|
if (this.gridInfo.next) this.pageNav = new PageNavigation(this.grid, gridDatas, 0);
|
|
|
|
if (this.gridInfo.next) this.pageNav = new PageNavigation(this.grid, gridDatas, 0);
|
|
|
|
else this.pageNav = new PageNavigation(this.grid, gridDatas, this.gridInfo.perPage - 1);
|
|
|
|
else this.pageNav = new PageNavigation(this.grid, gridDatas, this.gridInfo.fetchSize - 1);
|
|
|
|
|
|
|
|
|
|
|
|
callback(this.pageNav)
|
|
|
|
callback(this.pageNav)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -105,15 +102,15 @@ class PageNavigation {
|
|
|
|
* @param {function} callback 페이지 이동시 호출할 callback
|
|
|
|
* @param {function} callback 페이지 이동시 호출할 callback
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
onClickNavBtn(evDiv, callback) {
|
|
|
|
onClickNavBtn(evDiv, callback) {
|
|
|
|
const isTypeScroll = this.grid.store?.data.pageOptions.type === 'scroll';
|
|
|
|
const isTypeScroll = this.grid.paginationInfoRef?.pagingType === 'scroll';
|
|
|
|
|
|
|
|
|
|
|
|
if (evDiv === 'next') {
|
|
|
|
if (evDiv === 'next') {
|
|
|
|
if(this.gridInfo.gridDataPos + 1 === this.gridInfo.perPage){
|
|
|
|
if(this.gridInfo.gridDataPos + 1 === this.gridInfo.fetchSize){
|
|
|
|
this.gridInfo.pageMove = true;
|
|
|
|
this.gridInfo.pageMove = true;
|
|
|
|
this.gridInfo.next = true;
|
|
|
|
this.gridInfo.next = true;
|
|
|
|
this.gridInfo.page++;
|
|
|
|
this.gridInfo.pageNum++;
|
|
|
|
//isTypeScroll ? GRID.store.data.pageOptions.pageMove(this.gridInfo.page) :
|
|
|
|
if(!isTypeScroll)
|
|
|
|
if(!isTypeScroll) this.grid.getPagination()?.movePageTo(this.gridInfo.page);
|
|
|
|
this.grid.getPagination()?.movePageTo(this.gridInfo.pageNum);
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
}else{
|
|
|
|
this.gridInfo.curRowPos++;
|
|
|
|
this.gridInfo.curRowPos++;
|
|
|
|
@ -126,9 +123,9 @@ class PageNavigation {
|
|
|
|
if(this.gridInfo.gridDataPos === 0){
|
|
|
|
if(this.gridInfo.gridDataPos === 0){
|
|
|
|
this.gridInfo.pageMove = true;
|
|
|
|
this.gridInfo.pageMove = true;
|
|
|
|
this.gridInfo.next = false;
|
|
|
|
this.gridInfo.next = false;
|
|
|
|
this.gridInfo.page--;
|
|
|
|
this.gridInfo.pageNum--;
|
|
|
|
//isTypeScroll ? GRID.store.data.pageOptions.pageMove?(this.gridInfo.page) :
|
|
|
|
if(!isTypeScroll)
|
|
|
|
if(!isTypeScroll) this.grid.getPagination()?.movePageTo(this.gridInfo.page);
|
|
|
|
this.grid.getPagination()?.movePageTo(this.gridInfo.pageNum);
|
|
|
|
|
|
|
|
|
|
|
|
}else {
|
|
|
|
}else {
|
|
|
|
this.gridInfo.curRowPos--;
|
|
|
|
this.gridInfo.curRowPos--;
|
|
|
|
|
