KendoUIforjQuery数 [复制链接]

KendoUI目前最新提供KendoUIforjQuery、KendoUIforAngular、KendoUISupportforReact和KendoUISupportforVue四个控件。KendoUIforjQuery是创建现代Web应用程序的最完整UI库。

列模板

KendoUIGrid呈现代表数据源项的表行（tr）。

有关可运行的示例，请参阅：

Demo　　onusingtherowtemplateoftheGrid

Demo　　onusingthedetail-rowtemplateoftheGrid

Demo　　onusingthetoolbartemplateoftheGrid

每个表格行都包含代表Grid列的表格单元格（td）。默认情况下，网格在列中显示字段的HTML编码值。

下面的示例演示如何自定义列显示其值的方式。

将列模板设置为字符串

下面的示例演示如何将模板设置为字符串并将列值包装在HTML中。

divid=”grid”/divscript$(“#grid”).kendoGrid({columns:[{field:“name”,template:“strong#:name#/strong”}],dataSource:[{name:“JaneDoe”},{name:“JohnDoe”}]});/script

将列模板设置为函数

以下示例演示如何将模板设置为kendo.template返回的函数。

divid=”grid”/divscriptid=”name-template”type=”text/x-kendo-template”strong#:name#/strong/scriptscript$(“#grid”).kendoGrid({columns:[{field:“name”,template:kendo.template($(“#name-template”).html())}],dataSource:[{name:“JaneDoe”},{name:“JohnDoe”}]});/script

下面的示例演示如何将模板设置为返回字符串的函数。

divid=”grid”/divscript$(“#grid”).kendoGrid({columns:[{field:“name”,templateunction(dataItem){return“strong”+kendo.htmlEncode(dataItem.name)+“/strong”;}}],dataSource:[{name:“JaneDoe”},{name:“JohnDoe”}]});/script

公司名称：北京哲想软件有限公司

北京哲想软件官方网站：cogitosoft.