728x90
Kendo UI [5] Toolbar

Kendo UI [5] Toolbar

Toolbar 예제 jQuery 기반의 환경에서 구성할 수 있는 Kendo UI 중 Toolbar에 대해 알아보도록 하겠다. telerik 사에서 제공하는 기본 예제들은 다음의 URL을 통해 확인할 수 있다. https://demos.telerik.com/kendo-ui/toolbar/index Toolbar 예제 거의 왠만한 사용법은 공식 홈페이지의 demo, 그리고 공식 docs를 번역하여 확인하면 능숙하게 사용할 수 있다. telerik 사에서 다른 것은 몰라도 예제 만큼은 정말 풍부하게 잘 구현해놓았기 때문이다. 그렇기에 필자는 그 중에서도, 특히나 자주 사용될 것 같은 예제들에 대한 key point 만을 테스트하며 작성해보도록 하겠다. 1. Toolbar 영역 생성 다음과 같이 Kendo UI..

  • format_list_bulleted JavaScript/Kendo UI
  • · 2021. 8. 31.
  • textsms
Kendo UI [4] DropDownList API

Kendo UI [4] DropDownList API

Kendo UI DropDownList API Kendo UI를 이용한 dropDownList를 control 할 수 있는 API 기능에 대해 알아보도록 하겠다. 필자가 느끼기에 API 라기에는 조금 애매한 듯 한데... telerik의 공식 docs에서 API라고 설명하니 그렇다고 하자. 1. API Function (상태 변경 : 읽기 전용, 비활성화, 활성화) 이번 게시물은 Kendo UI [3] DropDownList 게시물의 연장선으로 보면 되는 게시물이다. 그러므로 Kendo UI [3] DropDownList 게시물에서 사용한 소스코드를 재활용하도록 하겠다. 기존의 소스를 다음과 같이 수정하도록 하자. API Functions 읽기전용 비활성화 활성화 Example Kendo UI를 통하여 ..

  • format_list_bulleted JavaScript/Kendo UI
  • · 2021. 8. 31.
  • textsms
Kendo UI [3] DropDownList

Kendo UI [3] DropDownList

DropDownList 예제 jQuery 기반의 환경에서 구성할 수 있는 Kendo UI 중 DropDownList에 대해 알아보도록 하겠다. telerik 사에서 제공하는 기본 예제들은 다음의 URL을 통해 확인할 수 있다. https://demos.telerik.com/kendo-ui/dropdownlist/index DropDownList Custom 예제 거의 왠만한 사용법은 공식 홈페이지의 demo, 그리고 공식 docs를 번역하여 확인하면 능숙하게 사용할 수 있다. telerik 사에서 다른 것은 몰라도 예제 만큼은 정말 풍부하게 잘 구현해놓았기 때문이다. 그렇기에 필자는 그 중에서도, 특히나 자주 사용될 것 같은 예제들에 대한 key point 만을 테스트하며 작성해보도록 하겠다. 1. Te..

  • format_list_bulleted JavaScript/Kendo UI
  • · 2021. 8. 31.
  • textsms
Kendo UI [2] Grid

Kendo UI [2] Grid

Grid 예제 jQuery 기반의 환경에서 구성할 수 있는 Kendo UI 중 Grid에 대해 알아보도록 하겠다. telerik 사에서 제공하는 기본 예제들은 다음의 URL을 통해 확인할 수 있다. https://demos.telerik.com/kendo-ui/grid/index Grid Custom 예제 거의 왠만한 사용법은 공식 홈페이지의 demo, 그리고 공식 docs를 번역하여 확인하면 능숙하게 사용할 수 있다. telerik 사에서 다른 것은 몰라도 예제 만큼은 정말 풍부하게 잘 구현해놓았기 때문이다. 그렇기에 필자는 그 중에서도, 특히나 자주 사용될 것 같은 예제들에 대한 key point 만을 테스트하며 작성해보도록 하겠다. 1. Test Data 및 Grid 영역 생성 grid에 들어가게될..

  • format_list_bulleted JavaScript/Kendo UI
  • · 2021. 8. 24.
  • textsms
Kendo UI [1]

Kendo UI [1]

Kendo UI 소개 Kendo UI는 telerik 사에서 만든 library의 하나이다. Kendo UI는 jQuery 및 Angular, React, Vue 언어를 사용하는 환경에서 사용할 수 있으며 공식 docs에서는 이렇게 소개하고 있다. Kendo UI는 대화형 고성능 웹 사이트 및 애플리케이션을 구축하기 위한 포괄적인 HTML5 사용자 인터페이스 프레임워크입니다. 이 제품에는 70개 이상의 UI 위젯 라이브러리, 풍부한 데이터 시각화 가젯, 클라이언트측 데이터 원본 및 내장 MVVM(Model-View-ViewModel) 라이브러리가 함께 제공됩니다. jQuery용 Kendo UI는 Angular를 제공합니다.JS와 Bootstrap 통합은 프로젝트 요구 사항에 따라 선택할 수 있는 여러 제..

  • format_list_bulleted JavaScript/Kendo UI
  • · 2021. 8. 24.
  • textsms
728x90