or
resources: [ { field: "ownerId", title: "Owner", dataSource: [ { text: "Alex", value: 1, color: "#f8a398" }, { text: "Bob", value: 2, color: "#51a0ed" }, { text: "Charlie", value: 3, color: "#56ca85" } ] } ]resources: [ { field: "ownerId", title: "Owner", dataSource: { type: "json", transport: { read: { url: "/api/_Users?filter=(IsUser%20eq%201)", type: "GET" } }, schema: { parse: function(response) { var users = []; var inner = response.results; for (var i = 0; i < inner.length; i++) { var user = { text: inner[i].Attributes.FirstName, value: inner[i].Attributes.Id, color: "#ff0000" } } users.push(user); return users; } } } } ]<span data-role="button" data-click="on_button_clicked">Button</span><div id="dvResults" class="searchResults col-md-6 col-md-offset-3"> <div id="resultGrid"> @(Html.Kendo().Grid(Model.SearchDetails) .Name("grdSearch$Results") .HtmlAttributes(new { @class = "grdSearchResults" }) .Columns(column => { column.Bound(x => x.Icon).Template(@<text><img src="@item.Icon" class="searchicon" /></text>).Width(16); column.Bound(x => x.Name).Template( @<text><a onclick="SelectEntity('@item.CustomerId','@item.PremisesId','@item.InvoiceStructureId')">@item.Name</a> @if (@item.IsCustomerLevel) { <br /><text>@item.SearchCriteria : @item.Field</text> }</text>).Title(""); }) .ClientDetailTemplateId("gridDetailTemplate") ) </div></div><script id="gridDetailTemplate" type="text/kendo-tmpl"> @(Html.Kendo().Grid<SearchDetailModel>("#=Children#") .Name("GrdSearchDetails_#=Id#") .HtmlAttributes(new { @class = "grdSearchResults" }) .Columns(column => { column.Bound(x => x.Icon); }).ClientDetailTemplateId("gridDetailTemplate") )</script>