模板
通过使用Kendo UI模板，ComboBox提供了对项目、弹出页眉和弹出页脚呈现方式的完全控制。
有关模板功能和语法的更多信息，请参阅本文文档的文章．有关可运行的示例，请参阅演示如何在组合框中定制模板．
项目模板
项模板管理组合框列表项的呈现方式。
下面的示例演示如何定义项模板。
<脚本> $(document).ready(function() {$("# ComboBox ")。kendoComboBox({template: $("#scriptTemplate").html()， dataTextField: "ContactName"， dataValueField: "CustomerID"， dataSource: {transport: {read: {dataType: "jsonp"， url: "https://demos.telerik.com/kendo-ui/service/Customers"}}}});});> < /脚本头模板
标题模板管理组合框的弹出标题的呈现方式。
<脚本> $(document).ready(function() {$("# ComboBox ")。kendoComboBox({headerTemplate: $("#headerTemplate").html()， dataTextField: "ContactName"， dataValueField: "CustomerID"， dataSource: {transport: {read: {dataType: "jsonp"， url: "https://demos.telerik.com/kendo-ui/service/Customers"}}}});});> < /脚本页脚模板
页脚模板管理组合框弹出页脚的呈现方式。在数据源的每次更改时都重新呈现页脚。模板的上下文是小部件本身。
<脚本> $(document).ready(function() {$("# ComboBox ")。kendoComboBox({footerTemplate: $("#footerTemplate").html()， dataTextField: "ContactName"， dataValueField: "CustomerID"， dataSource: {transport: {read: {dataType: "jsonp"， url: "https://demos.telerik.com/kendo-ui/service/Customers"}}}});});> < /脚本没有数据模板
组合框显示noDataTemplate在弹出窗口中，当数据源为空时。
当
noDataTemplate选项定义后，ComboBox总是打开弹出元素。
<脚本> $(document).ready(function() {$("# ComboBox ")。kendoComboBox({noDataTemplate: $("#noDataTemplate").html()， dataTextField: "ContactName"， dataValueField: "CustomerID"， dataSource: {transport: {read: {dataType: "jsonp"， url: "https://demos.telerik.com/kendo-ui/service/Customers"}}}});});> < /脚本