Я начинаю использовать Kendo-UI в своем проекте, я хочу, чтобы в одном из моих столбцов отображалась кнопка изображения и поле, подобное «Имени контакта» в документации здесь. Затем я проверил документацию и получил код, как показано ниже.
columns: [{
template: "<div class='customer-photo'" +
"style='background-image: url(../content/web/Customers/#:data.CustomerID#.jpg);'></div>" +
"<div class='customer-name'>#: ContactName #</div>",
field: "ContactName",
title: "Contact Name",
width: 240
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
Я не думаю, что писать html в шаблоне напрямую — хороший способ, особенно с очень сложным шаблоном. Затем я нашел другое решение из документации.
"template": "kendo.template($('comments-template').html())"
Это более разумно в моем сценарии. Но я очень запутался, где лучше определить шаблон. Я также использую AngularJS. Должен ли я создать новый файл для записи шаблона или в любом другом месте?
Спасибо