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 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

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

JavaScript 변수 선언 방식(var, let, const)

JavaScript에서의 변수 선언 java에서는 변수를 선언함에 있어, 해당 변수에 대하여 형태를 지정해줘야했다. 예를 들자면 다음과 같이 말이다. 문자열 / String test = "test"; 정수형 / int test = 0; 실수형 / double test = 0.2; boolean형 / boolean test = true; 그러나 기존의 JavaScript에서는 [ var ] -라는 형식으로, 혹은 생략함으로써 변수를 선언할 수 있었다. 다음과 같이 말이다. var test = "test"; var test = 0; var test = 0.2; var test = true; JavaScript의 ES 버전이란? JavaScript에서의 변수 선언 방식을 확인하기 전, JavaScript의 E..

• format_list_bulleted JavaScript/Default
• · 2021. 8. 31.
• textsms

easy rules 사용 [9] MVEL Rule 응용(method 사용)

MVEL Rule 환경 설정 MVEL Rule을 이용하여 easy rules 응용을 진행해보겠다. 우선 easy rules 및 MVEL Rule을 사용하기 위한 maven 추가를 진행하겠다. org.jeasy easy-rules-core 4.1.0 org.mvel mvel2 2.4.12.Final MVEL Rule 사용을 위한 component를 생성하도록 하자. easy rules 사용 [3] MVEL Rule 게시물의 'MVELRule을 이용한 규칙 생성에 필요한 Component' -를 참고하면 된다. 다음의 class 파일들을 적당한 위치에 놔두도록 하자. MVELAction.java MVELCondition.java MVELRule.java MVEL Rule 응용 방식 이전 포스팅에서 필자가 M..

• format_list_bulleted Java/easy rules
• · 2021. 8. 30.
• textsms

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