Shulou(Shulou.com)06/01 Report--

What is the Kendo UI for jQuery data management column template in Web development? in view of this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

Kendo UI currently provides four controls: Kendo UI for jQuery, Kendo UI for Angular, Kendo UI Support for React and Kendo UI Support for Vue. Kendo UI for jQuery is the most complete UI library for creating modern Web applications.

Column template

Kendo UI Grid renders table rows (tr) that represent data source items.

For examples that can be run, see:

Demo on using the row template of the Grid

Demo on using the detail-row template of the Grid

Demo on using the toolbar template of the Grid

Each table row contains table cells (td) that represent Grid columns. By default, the grid displays the HTML-encoded values of the field in the column.

Set the column template to a string

The following example shows how to set a template to a string and wrap column values in HTML.

KendoGrid ({columns: [{field: "name", template: "#: name #"}], dataSource: [{name: "Jane Doe"}, {name: "John Doe"}]})

Set the column template to a function

#: name # $("# grid"). KendoGrid ({columns: [{field: "name", template: kendo.template ($("# name-template"). Html ())}], dataSource: [{name: "Jane Doe"}, {name: "John Doe"}]})

The following example shows how to set a template to a function that returns a string.

KendoGrid ({columns: [{field: "name", template: function (dataItem) {return "" + kendo.htmlEncode (dataItem.name) + ";}}], dataSource: [{name:" Jane Doe "}, {name:" John Doe "}]}) The answer to the question about the Kendo UI for jQuery data management column template in Web development is shared here. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel for more related knowledge.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.