Web/Javascript 썸네일형 리스트형 [Javascript] ag grid 동적 헤더 이름 변경 ag grid 사용 중 동적으로 헤더 이름을 변경이 필요한 경우 사용 변경하기를 원하는 문구로 변경 코드 this.baseGrid.gridOptions.api.getColumnDef("col01").headerName = "변경 제목"; 변경된 코드로 갱신해서 화면에 보여주는 코드 this.baseGrid.gridOptions.api.refreshHeader(); [Javascript] Highcharts 재 생성 Highcharts 사용중 이전 차트를 삭제 후 다시 차트를 호출해야 할 경우가 발생 하기 코드처럼 destroy 함수 이용 삭제 후 재 생성하면 됨 var chartOptions = { ... }; function drawChart() { Highcharts 생성 chart = new Highcharts.Chart(chartOptions); } drawChart(); // Highcharts 생성 호출 $('#resetChart').on("click", function(e){ e.preventDefault(); chart.destroy(); // Highcharts 삭제 drawChart(); // Highcharts 생성 호출 }); [Javascript] html2canvas 로그 제거 기본적으로 html2canvas를 사용시 console 창에 로그가 발생함 logging 옵션 설정에 따라서 console 창에 로그 활성화 상태 변경 가능 html2canvas($("#imgDiv")[0], { logging: false, }) [Javascript] html2canvas 가운데 정렬 div 영역을 이미지로 변경 시 한쪽에 여백이 생기는 경우 발생 하기 옵션 추가 시 여백 없이 이미지로 변경 가능 html2canvas($("#imgDiv")[0], { scrollX: -window.scrollX, scrollY: -window.scrollY, windowWidth: document.documentElement.offsetWidth, windowHeight: document.documentElement.offsetHeight }) [Javascript] html2canvas 이미지 저장 시 특정 영역 제외 워하는 부분에 'data-html2canvas-ignore' 속성을 추가해서 제외할 수 있음 보이는 영역 제외 영역 보이는 영역 [Javascript] html2canvas 를 이용한 특정 영역 이미지 저장 라이브러리는 사이트에서 다운로드 html2canvas.hertzen.com html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com 사용방법 이미지로 저장 [Javascript] 무료 그리드 라이브러리 정보 - SlickGrid : 대용량 데이터에 적합 https://github.com/6pac/SlickGrid GitHub - 6pac/SlickGrid: A lightning fast JavaScript grid/spreadsheet A lightning fast JavaScript grid/spreadsheet. Contribute to 6pac/SlickGrid development by creating an account on GitHub. github.com - ToastUi Grid https://ui.toast.com/tui-grid TOAST UI :: Make Your Web Delicious! The TOAST UI Is Free Open-source JavaScript UI Librari.. [javascript] 특정문자 포함 개수 찾기 javascript의 경우indexOf를 이용해서 특정 문자의 위치를 찾을 수 있다.하지만 indexOf의 경우 문자 하나의 위치만을 찾을 수 있다. String 값 중 특정 문자의 포함 개수를 구하기 위해서는 [indexOf(검색할 값, 시작위치)]와 결과 값이 없을 경우 -1을 리턴하는 것을 이용해서 하기와 같이 구할 수 있다. var idx = -1; var cnt = 0; do { idx = version.indexOf('.', idx + 1); if(idx != -1) { cnt++; } } while(idx != -1); 또는 특정 문자로 split 후 배열의 length - 1 값으로 포함 개수를 구할 수 있다. version.split('.').length - 1 이전 1 2 다음