在checkboxDisplay标题的位置需要用文本框替换

时间:2018-04-03 02:03:48

标签: javascript html angularjs kendo-ui kendo-grid

  • 我是kendo ui的新手
  • 我正在尝试在第一列标题上显示一个文本框。
  • 在checkboxDisplay标题的位置,我需要用文本框替换。
  • 你能告诉我如何解决它。
  • 在下面提供我的代码。

http://jsfiddle.net/on7zbd43/

with_external_id

1 个答案:

答案 0 :(得分:0)

您可以使用rowTemplate更改kendoUI的模板

<div id="grid"></div>
<script id="template" type="text/x-kendo-template">
    <tr data-uid="#= uid #">
        <td colspan="2">
            <strong>#: name #</strong>
            <strong>#: age #</strong>
        </td>
    </tr>
</script>
<script>
$("#grid").kendoGrid({
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  rowTemplate: kendo.template($("#template").html())
});
</script>

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/rowtemplate

See the fiddle