본문 바로가기

Grid

 (6)
css minmax 사용법 css minmax 사용법 : grid로 레이아웃을 만들 때 많이 사용. 문법 : min 보다 크거나 같고, max 보다 같거나 작은 단위 minmax(min, max); 예시 : .grid-container { display: grid; grid-template-rows: repeat(2, minmax(20px, auto)); grid-template-columns: minmax(30px, auto) repeat(3, 1fr); } 참고 : https://developer.mozilla.org/en-US/docs/Web/CSS/minmax minmax() - CSS: Cascading Style Sheets | MDN The minmax() CSS function defines a size range ..
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..
tabulator 그리드 무한대로 늘어나는 현상 display grid와 width auto infinite 원인 : tabulator 그리드 옵션 중 layout과 display:grid의 단위 1fr과 width: auto;와 position:absolute의 속성들이 만나서 생긴 현상. 부모와 조상 엘리먼트 중에서 고정값이 있어야 하는데 없어서 무한대로 늘어남. 해결방법 : 1. tabulator 옵션 layout : "fitColumns", 주석처리. 2. tabulator 감싸고 있는 바로 위 부모의 width:auto를 고정값으로 변경. 3. display:grid가 적용된 div의 grid-template-columns의 1fr 속성값을 고정값으로 변경. 4. #contents의 position:absolute의 값을 relative로 변경하면서 그 아래 자식들의 엘리먼트들의 구조를 변경해야함. 회..
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',..

티스토리툴바