PureJS 페이징 테스트
추천0 비추천 0
페이지 정보
작성자 aarmani
작성일 2022-04-15 16:12 조회 1,319회
댓글 0건
제품 버전 : wijmo-5.20221.842_KR
컨트롤 이름 : CollectionView
본문
관련링크
위즈모를 사용하기위해 테스트 중입니다.
다운받은 라이브러리를 넣었는데 오류가 나서 우선 라이브러리 링크를 걸어 해보고있습니다.
페이징 샘플소스를 그대로 복사하여 붙였는데. 아래와 같이 오류가 나면서 진행이 안되네요..
var view = new wijmo.collections.CollectionView(getData(), {
pageSize: 6
});
위 부분을 넣으면서 부터 오류가 납니다. 페이징 없이 할때는 이상이 없었습니다.
무엇이 문제일까요..
그리고 다운받은 wijmo-5.20221.842_KR.zip 파일을 풀었는데 어떤 폴더를 vendors안에 넣어야할까요..
전체소스입니다.
onload = function() {
var view = new wijmo.collections.CollectionView(getData(), {
pageSize: 6
});
// 페이지 이동
new wijmo.input.CollectionViewNavigator('#thePager', {
byPage: true,
headerFormat: 'Page {currentPage:n0} of {pageCount:n0}',
cv: view
});
new wijmo.grid.FlexGrid('#theGrid', {
autoGenerateColumns: false,
columns: [
{ binding: 'index', header: 'seq', width: '*' },
{ binding: 'prod_sdate', header: '일자', width: '*', format: 'n2' },
{ binding: 'wono', header: '작지번호', width: '*', format: 'n2' },
{ binding: 'cltnm', header: '거래처', width: '*', format: 'n2' },
{ binding: 'pname', header: '품목명', width: '*', format: 'n2' },
{ binding: 'psize', header: '규격', width: '*', format: 'n2' },
{ binding: 'prod_qty', header: '계획량', width: '*', format: 'n2' },
{ binding: 'decision', header: '임시여부', width: '*', format: 'n2' },
{ binding: 'winqt', header: '공정완료량', width: '*', format: 'n2' },
{ binding: 'wflag', header: '최종공정', width: '*', format: 'n2' }
],
itemsSource: data
});
}
function getData(){
var ListDto = [[${itemDtoList}]];
// console.log("ListDto : ", ListDto);
var data = [];
var cnt = 1;
for (var i = 0; i < ListDto.length; i++) {
data.push({
id: i,
index: cnt,
prod_sdate:ListDto[i]["prod_sdate"],
wono: ListDto[i]["wono"],
cltnm: ListDto[i]["cltnm"],
pname: ListDto[i]["pname"],
psize: ListDto[i]["psize"],
prod_qty: ListDto[i]["prod_qty"],
decision: ListDto[i]["decision"],
winqt: ListDto[i]["winqt"],
wflag: ListDto[i]["wflag"]
});
cnt++;
}
console.log("data : ", data);
return data
}
댓글목록
등록된 댓글이 없습니다.
1 답변
