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

---

grid 내에 특정 데이터 클릭시 

사전에 설정해놓은 특정 링크로 이동을 하게 만들기 위해서는 

 

template 파라미터를 사용할 필요가 있다.

template 의 간단한 설명은 아래와 같다

 

columns.template String|Function

The template which renders the column content. The grid renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the grid columns. By default the HTML-encoded value of the field is displayed in the column.

 

위의 설명에 따르면 template 는 컬럼의컨텐츠를 렌더링 해주는 

파라미터이다. 사용법은 아래와 같다

$("#grid").kendoGrid({
  columns: [ {
    field: "name",
    template: function(dataItem) {
      return "<strong>" + kendo.htmlEncode(dataItem.namesss) + "</strong>";
    }
  }],
  dataSource: [ { namesss: "Jane Doe" }, { namesss: "John Doe" } ]

특정 함수를 반든 다음에, htmlEncode( )  를 이용하여 

저장된 namesss 값을 출력할 수 있다. 나름 편리한 함수이다.

 

자세한 이용방법은 아래 링크를 참고하면 될것 같다.

dojo.telerik.com/AYAjuYof

Kendo UI® Dojo by Progress

docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.template

columns.template - API Reference - Kendo UI Grid | Kendo UI for jQuery