반응형

grid 3

[Kendo] kendo grid 내의 데이터 클릭시 해당 링크로 이동 template 사용

grid 내에 특정 데이터 클릭시 사전에 설정해놓은 특정 링크로 이동을 하게 만들기 위해서는 template 파라미터를 사용할 필요가 있다. template 의 간단한 설명은 아래와 같다 columns.template String|Function The template which renders the column content. The grid renders table rows () which represent the data source items. Each table row consists of table cells () which represent the grid columns. By default the HTML-encoded value of the field is displayed in the ..

Front End/Kendo UI 2020.10.26

[Kendo UI] [Kendo UI] Kendo UI grid 의 selectedKeyNames( ) 파라미터 사용

위 파라미터는 kendo grid 내에서 셀렉트된 변수를 저장하여 출력해주는 함수이다. 사용방법은 kendoGrid 의 columns 파라미터 내에서 selectable 을 오출하여 select 를 적용해야되고 columns: [ { selectable: true, width: "50px" }, { field:"ProductName", title: "Product Name" }, { field: "UnitPrice", title:"Unit Price", format: "{0:c}"}, { field: "UnitsInStock", title:"Units In Stock"}, { field: "Discontinued"}] }); 다음으로는 dataSource 의 schema 에 model 파라미터를 사용해주..

Front End/Kendo UI 2020.10.26

[Kendo UI] [Kendo UI] Kendo UI grid nested json 처리하는 쉬운 법

json 포맷 안에 있는 데이터를 추출하려고 할때 nested 된 경우가 있다. 이런 경우에 대한 것을 이전에 포스팅을 했었지만.. 설명을 더 찾아본 결과 더욱 쉬운 방법이 있어서 추가적으로 포스팅한다. 우선 kendo grid 의 schema 파라미터 안에는 ' data ' 라는 파라미터가 있다. 이 파라미터는 특정 key의 안에 value 값들을 추출해주는 역할을 한다. schema: { data: "data", total: "total" } schema 의 data 파라미터에 추출할 값이 들어있는 key 값을 써넣고 kendoGrid 의 column 에 추출할 key 값의 key를 써주면 자동으로 key 값의 value 를 추출해준다 전체 코드는 아래와 같다. var dataSource = new ..

Front End/Kendo UI 2020.10.23
반응형