'Kendo UI Web Grid'에 해당되는 글 2건

  1. [JavaScript] Kendo UI DataSource; Timestamp 값 문자열로 변환 출력하기
  2. [JavaScript] Kendo UI Web Grid; IE9 레이아웃 깨짐 버그 방지

[JavaScript] Kendo UI DataSource; Timestamp 값 문자열로 변환 출력하기

* Kendo UI DataSource 상에 Number 타입의 Timestamp 값을 가진 컬럼이 있을 때 Kendo UI Web Grid 상에서 template : '#=Date.create(timeStamp).format("{yyyy}-{MM}-{dd}")#' 기능을 통하여 사람이 식별가능한 날짜로 변환하여 출력할 수 있지만 Timestamp 값이 null 값을 가질 경우 현재날짜를 출력하는 문제가 있다. 아래와 같이 메써드를 작성하여 해결했다.

function timeStampToString(timeStamp) {
  if (timeStamp === null || timeStamp === '') {
    return '';
  }
  return Date.create(timeStamp).format("{yyyy}-{MM}-{dd}");
}


Kendo UI Web Grid의 columns.template 옵션은 아래와 같이 설정한다.

template : '#=timeStampToString(timeStamp)#'


* Date.create() 메써드는 Sugar.js 라이브러리가 제공하는 메써드임을 참고

* JavaScript 상에서의 Timestamp에 대한 자세한 내용은 아래 글을 참고

http://jsonobject.tistory.com/34


저작자 표시 비영리 동일 조건 변경 허락
신고

[JavaScript] Kendo UI Web Grid; IE9 레이아웃 깨짐 버그 방지

* Kendo UI Web Grid 설정시 height 옵션을 지정해주지 않으면 IE9에서 로우 선택시 레이아웃이 깨지는 버그를 확인했다. font-size: 9pt 기준 height: 369 옵션이 무난하며 height 옵션을 지정하면 pageable.pageSizes 설정이 무의미하기 때문에 pageable : { refresh : true } 옵션만 지정해야한다. 테스트 결과 IE8/9, Firefox 18에서 정상작동함을 확인했다.


저작자 표시 비영리 동일 조건 변경 허락
신고