본문 바로가기

javascript/w2ui

(7)
w2ui 데이터 refresh 후 원하는 행으로 이동 w2ui에서 row가 100개라고 가정할 때, 50번째 데이터를 수정하고 refresh를 했을 경우 바로 50번째 줄 데이터를 볼 수 있는 방법은 ? scrollIntoView 메소드 사용. https://w2ui.com/web/docs/1.5/w2grid.scrollIntoView w2grid.scrollIntoView | JavaScript UI - w2ui Scrolls to the specified records scrollIntoView([ind], [column], [instant]) ind integer, optional, index of the record in records array Returns undefined. Description This method will scroll int..
w2ui 그리드에서 recid를 가져오는 여러가지 방법과 기타등등 w2ui recid를 가져오는 여러가지 방법과 기타등등 w2ui로 작업하다가 까먹지 않기 위해 오늘도 블로그에 메모! w2ui["myGrid"].records[0]["recid"] w2ui["myGrid"].get(1) const recidNum = 1; //-1을 해준이유는 recid는 1부터 시작하는데 배열은 0부터 시작 w2ui["myGrid"].records[recidNum-1]["fieldName1"]; w2ui["myGrid"].records[recidNum-1]["fieldName2"]; 자세한 사용법은 나중에 올리겠다고 다짐하고 일단 포스팅!!
w2ui recid:undefined recid가 null 일 때 w2ui 라이브러리를 사용중인데, JAVA에서 값을 조회해서 js로 다시 반환할 때, List 이렇게 만들어준 데이터의 모양이었다. [ {REG_DT=2023-06-15 12:00:00, SPOT_ID=CS000001, SPOT_NM=출고장, IP=236.258.459.126, MDFCN_DT=2023-06-15 17:00:00}, {REG_DT=2023-06-15 16:21:33, SPOT_ID=CS0000022, SPOT_NM=nameName, IP=123.123.123.123} ] 뭐 이런 모양의 데이터..... js로 받아서 w2ui에서 이렇게 넣어줬는데, w2ui["vInfoGrid"].records = JSON.parse(data.list); w2ui의 특성상 recid가 필요하다. w2ui ..
w2ui 그리드 undefined 나서 데이터가 안들어 갈 때 w2ui그리드 사용중에... 이런적이 없었는데 이유를 알 수 없는 undefined 때문에.. w2ui grid에 데이터가 들어갔다가, 안들어갔다가... 간혈적인 증상 때문에 이유를 알 수 없었음. 검색을 하다가 하다가 찾게 된 이 댓글을 보고 힌트를 얻음. https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=265237 WWW.PHPSCHOOL.COM 개발자 커뮤니티 1위 PHPSCHOOL.COM 입니다. www.phpschool.com 결론 : w2ui 그리드에 데이터가 뿌려지는 속도보다 그리드가 만들어지는 속도가 느려서 undefined 값이 간혈적으로 일어남. 이유는 상세정보 form 쪽에 게이트웨이 select bo..
w2ui grid cell background-color 배경색상 변경 w2ui grid cell background-color 배경색상 변경 방법. 엄청 오래걸렸음. 해결해서 다행. $('#grid').w2grid({ name: 'grid', columns: [ { recid:1, field: 'fname', text: 'First Name', size: '30%' }, { recid:2, field: 'lname', text: 'Last Name', size: '70%' }, { recid:3, field: 'sdate', text: 'Dates', size: '120px', attr: "align=center" } ], records: [ {recid: 1, fname:'kim', lname:'LastName', sdate:'2022-05-30', w2ui : { 's..
w2ui 날짜와 시간이 함께 있는 필드에서 시간만 보이게 하고 싶을 때, render로 해결 상황요약 : - w2ui를 사용하여 DB값을 웹에 뿌려주고 있음. - FIELD_NAME1_DATE의 값이 '2022-01-17 10:00:00' 이런식으로 나오는데, 시간만 '10:00:00'만 필요한 상황. - 차트에는 날짜가 들어가야 그래프가 나오기 때문에 SQL을 건드리지 말아야 했었음. - w2ui docs를 참고하여 해결. 수정전 : columns: [ { field: 'FIELD_NAME1_DATE', caption: '캡션1', size: '28%' }, { field: 'FIELD_NAME2', caption: '캡션2', size: '18%' }, { field: 'FIELD_NAME3', caption: '캡션3', size: '18%' }, { field: 'FIELD_NAME4',..
w2ui sortable : true 컬럼에 적용된 sortable : true의 쓸모가 궁금해서 검색해봤다. 그러니까... 행을 클릭하면 정렬되는 것이었음. 아래 예제는 공식문서에 있는 소스코드. 공식 : https://w2ui.com/web/demos/#/grid/12 w2ui Demos w2ui.com