분류 전체보기
-
1. kendo 코드에서 schema영역 확인 후, 이후 dataBound영역에서 해당 코드 입력1. 데이터소스 read 영역schema: { data: 'resultList', total: 'totalCount', errors: 'errors'}2. 그리드 만드는 영역dataBound : function() { console.log(dataSource.data()); console.log(dataSource.data()[0].컬럼명); console.log(dataSource.total()); console.log(dataSource.errors());} 2. 웹에서 F12 console로 확인
[kendo ui] schema data confirm, 스키마 데이터 확인하는 방1. kendo 코드에서 schema영역 확인 후, 이후 dataBound영역에서 해당 코드 입력1. 데이터소스 read 영역schema: { data: 'resultList', total: 'totalCount', errors: 'errors'}2. 그리드 만드는 영역dataBound : function() { console.log(dataSource.data()); console.log(dataSource.data()[0].컬럼명); console.log(dataSource.total()); console.log(dataSource.errors());} 2. 웹에서 F12 console로 확인
2023.08.08 -
해당 style에word-break: break-all; 추가해주면 overflow-wrap: break-word;는 기본적으로 한국어와 같이 띄어쓰기가 있는 언어에서는 잘 동작하지만, 영어와 같이 띄어쓰기가 없는 언어에서는 단어를 끊지 않고 줄바꿈이 발생하지 않을 수 있습니다. 이런 경우에는 word-break: break-all; 속성을 사용하여 강제로 단어를 끊어서 줄바꿈하도록 설정할 수 있습니다.
[css] 줄바꿈, li태그안에서 영어 숫자 줄바꿈 안되는 경우해당 style에word-break: break-all; 추가해주면 overflow-wrap: break-word;는 기본적으로 한국어와 같이 띄어쓰기가 있는 언어에서는 잘 동작하지만, 영어와 같이 띄어쓰기가 없는 언어에서는 단어를 끊지 않고 줄바꿈이 발생하지 않을 수 있습니다. 이런 경우에는 word-break: break-all; 속성을 사용하여 강제로 단어를 끊어서 줄바꿈하도록 설정할 수 있습니다.
2023.08.07 -
1. 검색 영역 2. script 영역 $("#searchKeyword").on("input", function() { var searchKeyword = $(this).val().trim().toLowerCase(); if (searchKeyword === "") { // 검색어가 비어있으면 모든 리스트 아이템을 보여줍니다. $("#groupTable td").show(); } else { // 검색어가 입력되면 일치하지 않는 리스트 아이템은 숨기고 일치하는 아이템만 보여줍니다. $("#groupTable td").each(function() { var listItemText = $(this).text().trim().toLowerCase(); if (listItemT..
[jquery] 실시간 검색 코드, 키보드 누를 때 조회되는 코드1. 검색 영역 2. script 영역 $("#searchKeyword").on("input", function() { var searchKeyword = $(this).val().trim().toLowerCase(); if (searchKeyword === "") { // 검색어가 비어있으면 모든 리스트 아이템을 보여줍니다. $("#groupTable td").show(); } else { // 검색어가 입력되면 일치하지 않는 리스트 아이템은 숨기고 일치하는 아이템만 보여줍니다. $("#groupTable td").each(function() { var listItemText = $(this).text().trim().toLowerCase(); if (listItemT..
2023.08.06 -
1. 엑셀 버튼 영역 2. kendo grid excel 영역 3. scirpt안에서 excel 영역 숨기기$("#kendoStatExcelGrid").hide();$("#kendoStatExcel2Grid").hide(); 4. script안에서 엑셀버튼 클릭 시 이벤트 코드//엑셀버튼 클릭시$("#excelButton").click(function(){$("#kendoStatExcelGrid").data("kendoGrid").saveAsExcel();$("#kendoStatExcel2Grid").data("kendoGrid").saveAsExcel();$.when.apply(null, promises).then(function(firstSheet, secondSheet) { var sh..
[kendo ui] 엑셀 시트 여러개 만드는 방법, excel muti sheet, 엑셀 루틴1. 엑셀 버튼 영역 2. kendo grid excel 영역 3. scirpt안에서 excel 영역 숨기기$("#kendoStatExcelGrid").hide();$("#kendoStatExcel2Grid").hide(); 4. script안에서 엑셀버튼 클릭 시 이벤트 코드//엑셀버튼 클릭시$("#excelButton").click(function(){$("#kendoStatExcelGrid").data("kendoGrid").saveAsExcel();$("#kendoStatExcel2Grid").data("kendoGrid").saveAsExcel();$.when.apply(null, promises).then(function(firstSheet, secondSheet) { var sh..
2023.08.05 -
1. 검색 영역 코드 selected>전체 selected>${result.name} // data-bind="value: searchSomething, events:{change: changeSelectValue}" 넘기고 싶은 파라미터와 events를 선언해줌 / 이 경우 콤보박스 CHANGE 될 때 changeSelectValue라는 함수가 실행되도록 설정 찾기 2. 데이터 grid template 영역// data-template="templateId" 아래 템플릿 영역을 가져옴// data-bind="source: dataInfo" 맨 하단의 바인더된 데이터를 바인딩해서 template안에서 사용함// kendo.bind($(".container..
[kendo ui] mobile kendo ui reference code, 모바일 캔도 참고 코드1. 검색 영역 코드 selected>전체 selected>${result.name} // data-bind="value: searchSomething, events:{change: changeSelectValue}" 넘기고 싶은 파라미터와 events를 선언해줌 / 이 경우 콤보박스 CHANGE 될 때 changeSelectValue라는 함수가 실행되도록 설정 찾기 2. 데이터 grid template 영역// data-template="templateId" 아래 템플릿 영역을 가져옴// data-bind="source: dataInfo" 맨 하단의 바인더된 데이터를 바인딩해서 template안에서 사용함// kendo.bind($(".container..
2023.08.04 -
1. 버튼 영역1개월일주일1일전오늘~ 2. script 영역1) 시작일 세팅// 시작 날짜 지정 (일주일 전으로 세팅)var linkDtString = "${commandMap.linkDt}"; // commandMap.linkDt 문자열로 가정var linkDt = new Date(linkDtString); // 문자열을 날짜 객체로 변환linkDt.setDate(linkDt.getDate() - 7); // 일주일 전의 날짜 설정var oneWeekBefore = linkDt.toISOString().split("T")[0];$("#startDt").val(oneWeekBefore); 2) 1개월, 일주일, 1일전, 오늘 버튼 클릭 이벤트$(".btnSearchPeriod").on("click..
[jquery] 조회 버튼 1개월, 일주일, 1일전, 오늘, 달력 클릭 시 이벤트 코드 정리1. 버튼 영역1개월일주일1일전오늘~ 2. script 영역1) 시작일 세팅// 시작 날짜 지정 (일주일 전으로 세팅)var linkDtString = "${commandMap.linkDt}"; // commandMap.linkDt 문자열로 가정var linkDt = new Date(linkDtString); // 문자열을 날짜 객체로 변환linkDt.setDate(linkDt.getDate() - 7); // 일주일 전의 날짜 설정var oneWeekBefore = linkDt.toISOString().split("T")[0];$("#startDt").val(oneWeekBefore); 2) 1개월, 일주일, 1일전, 오늘 버튼 클릭 이벤트$(".btnSearchPeriod").on("click..
2023.08.04