분류 전체보기
-
messages: { display: "{0} - {1} of {2} items", // {0} is the index of the first record on the page, // {1} - index of the last record on the page, // {2} is the total amount of records 표현된 데이터의 총 개수를 출력 ex. display: "전체 데이터 수 : {2} 건" empty: "No items to display", page: "Page", of: "of {0}", //{0} is total amount of pages 페이지 총 수를 표현 itemsPerPage: "items per page", first: "Go to the first page",..
[kendo ui] message안에서 사용하는 속성들messages: { display: "{0} - {1} of {2} items", // {0} is the index of the first record on the page, // {1} - index of the last record on the page, // {2} is the total amount of records 표현된 데이터의 총 개수를 출력 ex. display: "전체 데이터 수 : {2} 건" empty: "No items to display", page: "Page", of: "of {0}", //{0} is total amount of pages 페이지 총 수를 표현 itemsPerPage: "items per page", first: "Go to the first page",..
2022.01.31 -
$("#grid").data("kendoGrid").dataSource.page(1);
[kendo ui] 그리드에서 페이지 '1'로 지정하는 방법$("#grid").data("kendoGrid").dataSource.page(1);
2022.01.30 -
c:if columns: [ { field:000}, c:each columns: [ { field: "${result.fieldId}", title: "${result.fieldNm}", width:"120px",sortable: false, attributes : { style : "text-align : center; " }, headerTemplate: "${result.fieldNm}" }, ],
[kendo ui] columns안에서 JSTL ( c:if / c:foreach ) 사용하기c:if columns: [ { field:000}, c:each columns: [ { field: "${result.fieldId}", title: "${result.fieldNm}", width:"120px",sortable: false, attributes : { style : "text-align : center; " }, headerTemplate: "${result.fieldNm}" }, ],
2022.01.29 -
columns: [ { width: "50px", sortable: false, headerTemplate: '', template: kendo.template($("#checkboxTemplate").html()) }, dataBound : function() { $("#checkAll").prop("checked",false); // 일괄체크/해제 $("#checkAll").on("click", function(){ if($(this).prop("checked")) { $('input:checkbox[name="checkBox"]').each(function(index) { $(this).prop("checked", true); }); } else { $('input:checkbox[name="che..
[kendo ui] 컬럼에 체크박스 구현 / 일괄 체크 여부columns: [ { width: "50px", sortable: false, headerTemplate: '', template: kendo.template($("#checkboxTemplate").html()) }, dataBound : function() { $("#checkAll").prop("checked",false); // 일괄체크/해제 $("#checkAll").on("click", function(){ if($(this).prop("checked")) { $('input:checkbox[name="checkBox"]').each(function(index) { $(this).prop("checked", true); }); } else { $('input:checkbox[name="che..
2022.01.28 -
문제 상황 : 조회된 내용이 없는 경우에만 내부 스크롤이 생겼음 문제 원인 : 2번째 캔도 그리드에서 일정 태그 때문에 그랬음 .k-grid-content>.k-grid-norecords>.k-grid-norecords-template { position:relative; } scrollable: true, dataBound : function() { var rows = this.items(); if(rows.length > 0){ $(rows).each(function () { var index = $("#grid2").data("kendoGrid").dataSource.total() - $(this).index(); var rowLabel = $(this).find(".row-number"); $..
[kendo ui] iframe안에서 kendo호출 시 내부 가로 스크롤 없애는 방법문제 상황 : 조회된 내용이 없는 경우에만 내부 스크롤이 생겼음 문제 원인 : 2번째 캔도 그리드에서 일정 태그 때문에 그랬음 .k-grid-content>.k-grid-norecords>.k-grid-norecords-template { position:relative; } scrollable: true, dataBound : function() { var rows = this.items(); if(rows.length > 0){ $(rows).each(function () { var index = $("#grid2").data("kendoGrid").dataSource.total() - $(this).index(); var rowLabel = $(this).find(".row-number"); $..
2022.01.28 -
이런식으로 field에 태그 추가해주면 줄바꿈 가능함
[kendo ui] 컬럼명 줄바꿈 방법 : </br> 태그 이용이런식으로 field에 태그 추가해주면 줄바꿈 가능함
2022.01.27