본문 바로가기

javascript

 (78)
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"]; 자세한 사용법은 나중에 올리겠다고 다짐하고 일단 포스팅!!
javascript 매개변수 배열 자바스크립트에서 함수에 매개변수를 받을 때, 배열로 받으려면 어떻게 해야 될까? 가볍게 아래와 같이 .... 일단 이렇게 함수를 접근해서 진행해보기로 const testObj = { editPop : function( args ){ const f1 = args[0]; const f2 = args[1]; console.log("Inner : ", f1, f2); } } testObj.editPop(["ab","cd"]);
자바스크립트 이미지 확대 라이브러리 자바스크립트 이미지 확대 라이브러리 뭘 쓸까 하다가 panzoom으로 결정! https://fancyapps.com/panzoom/ Panzoom | Fancyapps fancyapps.com 리액트같은... npm 생태계를 사용하지 않고, 그냥 맨 프로젝트에 적용하는 방법입니다! https://fancyapps.com/panzoom/getting-started/ 여기 링크 getting started를 참고해도 됩니다! Panzoom 사용방법 : 1. cdn 연결 또는 npm 으로 다운받은 다음 js와 css만 가져와서 사용하기 . 1-1). 아무 폴더나 만들고 npm init 해줌. 1-2) npm install --save @fancyapps/ui 입력하여 설치. 1-3) node_modules\@..
npm dist 의미 npm으로 뭔가를 설치하면 dist라는 폴더명을 종종 마주하게 된다. 아무 생각 없이 쓰다가.. 오늘은 구글링 해봄!! dist의 뜻은!!! distribution 유통시키다. 배포하다. 아하!
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 ..
자바스크립트 배열 json 형식 데이터에서 정수값 실수로 변경하여 새로운 객체로 만들기 자바스크립트 배열 json 형식 데이터가 있습니다. 속성중에 score가 있는데, 이 부분을 일괄적으로 실수로 변경하고자 합니다. const data = [ {"name": "john", "score": 6}, {"name": "david", "score": 7}, {"name": "philip", "score": 8.9} ]; const new_array = data.map(item => { return { ...item, score: parseFloat((item.score).toFixed(1)) }; }); // 결과 출력 console.log(new_array); data 배열을 map 함수를 사용하여 새로운 new_array를 만들어 줍니다. `map()` 메서드에서 콜백 함수의 중괄호(`{}`..
swiper 스와이프 자바스크립트 슬라이드 라이브러리 탈 제이쿼리를 위해~ 자바스크립트 라이브러리 swiper https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com

티스토리툴바