jQuery 검색 결과

해당 글 6건

multiselect.js 데이터 처리

어드민 템플릿이나 백오피스 구현 시 용이한 js 플러그인이다. LINKhttp://loudev.com - jquery multiselectLINK깃허브 https://github.com/lou/multi-select예제 테스트 Pre-selected-options 1 2 3 4 100 ok  엘리먼트 네임을 배열 형태로 지정하고 서버에서도 배열로 받아 처리하면 된다.위 페이지를 확인해 보면 아래와 같다(ok 버튼 클릭 시).  JAVASCRIPT로 데이터 처리배열로 넘기지 않고, javascript 로 처리하려면 아래 참고.(프론트엔드, 퍼블리싱 과정에서 이 방법을 선택해야 할 수도 있음) 미리 선택된 값(1, 4)을..
코딩/JavaScript & jQuery 2024. 8. 21. 13:57

javascript - 배열 교집합(중복), 차집합 요소 구하기

사용법 서로 다른 배열을 비교하여 교집합(중복), 차집합(한쪽에만 존재), 대칭차집합(교집합 외)인 요소를 구하는 방법. 사용 예 goods_active.html { "goodsNo" : [ "462", "727", "724", "1556" ] } 위 파일로부터 표시할 엘리먼트 리스트(id)를 받아와서, 대상이 아닌 엘리먼트는 제거한다. 18 366 462 727 724 1556 메서드 LINK Array.prototype.filter() LINK Array.prototype.includes() LINK Array.prototype.concat()
코딩/JavaScript & jQuery 2023. 10. 6. 14:26

Tabulator - 다른 열 참조, 집계/합계, 스타일(css) 변경

현재 또는 다른 cell 값을 참조하여 css 설정 현재 cell 값을 참조 현재 cell 이 위치한 열의 다른 cell(행) 값을 참조 위와 같이 조건을 검사하여서 cell (음영, 테두리 등) 및 TEST 의 style 지정. function cell_is_useless (cell) { var value = cell.getValue(); var memo = cell.getRow().getData().memo; var limit_date = cell.getRow().getData().limit_date; if (limit_date < $("#today").val()) cell.getElement().style.backgroundColor = "#df5645"; if (memo == '연장 필요 없음')..
코딩/Tabulator 2023. 9. 1. 14:56

tabulator 적용 사례 (인수인계 문서)

1. BasicBasic - 페이지 진입 시페이지가 최초로 로딩 되면 각각의 페이지와 매칭 되는 다음 형식의 URL을 AJAX 호출하여, grid에 출력할 data를 받아온다.    형식 : _ajax/tabulator/폴더/파일명본 페이지 URL에 GET 방식 Parameter String을 함께 받으면, 그대로 AJAX URL에도 함께 전달하여 SQL 조건절에 반영한다.Basic - Tabulator.jsTabulator 객체를 생성하면 ID가 지정된 Element에 grid를 그린다.grid에 뿌려질 data는 JSON object 형식이어야 하며, 본 페이지 내에 inline으로 선언할 수도 있고, 특정 URL을 AJAX 호출하여 받아 올 수도 있다.Basic - 검색 태그 내부 name을 가진 ..
코딩/Tabulator 2023. 5. 11. 18:26

화면 내 해당 요소(element)가 존재하는지 검사

현재 브라우저 화면에 해당 요소(element)가 존재하는지 판별하는 방법. $.expr.filters.offscreen = function(el) { var rect = el.getBoundingClientRect(); return ( (rect.x + rect.width) window.innerWidth || rect.y > window.innerHeight) ); }; 위 함수를 만들고 아래와 같이 사용. if( $("img").is(":offscreen") ) { console.log( '화면에 img 엘리먼트가 없음' ); }
코딩/JavaScript & jQuery 2022. 6. 24. 14:15