[JavaScript] Kendo UI Web Grid; 선택된 로우 정보 받아오기

Kendo UI Web Grid에서 유저가 선택한 로우의 정보를 받아오는 방법을 테스트하고 정리하였다. var grid = $('#table').data('kendoGrid'); var selectedRowData = grid.dataItem(grid.select()); if (selectedRowData === undefined) { alert('아이템을 선택하세요.'); } alert(JSON.stringify(selectedRowData));
SW 개발/JavaScript 2013. 1. 8. 16:55
[JavaScript] Kendo UI Web Grid; Server Side Paging/Sorting/Filtering 구현

Kendo Web UI Grid에 사용되는 kendo.data.DataSource 오브젝트는 그 자체만으로 매우 편리하고 강력한 기능을 가지고 있다. 자체적으로 제공되는 페이징, 소팅, 필터링 기능을 통해 서버 사이드를 통한 데이터베이스로부터의 데이터 획득 기능이 상당히 편리해진다.Spring MVC 3 기반의 내부 프로젝트에 사용할 목적으로 아래와 같이 kendo.data.DataSource의 요청에 대응할 수 있는 코드를 구현해봤다. import java.util.List; import com.google.common.base.Objects; import com.google.common.base.Strings; public class KendoUiParam { private int page; priv..
SW 개발/Java 2013. 1. 4. 11:48
[JavaScript] Kendo UI Web Grid: JavaScript 그리드 위젯 라이브러리

Kendo UI Web Grid by Telelik - jQuery v1.8.2 기반의 무료 그리드 위젯 라이브러리 - 튜토리얼 http://demos.kendoui.com/web/grid/index.html http://docs.kendoui.com/api/web/grid - 다운로드 링크http://telerik.s3.amazonaws.com/kendoui.web.2012.3.1114.open-source.zip http://cdn.kendostatic.com/2012.3.1114/js/kendo.web.min.js http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css http://cdn.kendostatic.com/2012.3.111..
SW 개발/JavaScript 2012. 12. 28. 00:52
1