<script>
$(document).ready(function() {
var autocomplete = $("#customers").kendoAutoComplete({
minLength: 1,
dataTextField: "ContactName",
headerTemplate: '<div class="dropdown-header k-widget k-header">' +
'<span>Photo</span>' +
'<span>Contact info</span>' +
'</div>',
footerTemplate: 'Total #: instance.dataSource.total() # items found',
template: '<span class="k-state-default" style="background-image: url(\'../content/web/Customers/#:data.CustomerID#.jpg\')"></span>' +
'<span class="k-state-default"><h3>#: data.ContactName #</h3><p>#: data.CompanyName #</p></span>',
dataSource: {
transport: {
read:{
dataType: "jsonp",
url: "https://demos.telerik.com/kendo-ui/service/Customers"
}
}
},
height: 400
}).data("kendoAutoComplete");
});
</script>
在于这段代码
headerTemplate: '<div class="dropdown-header k-widget k-header">' +
'<span>Photo</span>' +
'<span>Contact info</span>' +
'</div>',
KendoUI的下拉框展示图片功能
猜你喜欢
转载自blog.csdn.net/penghao_1/article/details/86009538
今日推荐
周排行