Я использую в проекте telerik v 2013.2. Моя задача - реализовать настраиваемые фильтры (поиск строки путем передачи подстроки) для строк в Grid. К сожалению, я не могу найти для этого документацию / демонстрацию. Доступно только для последней версии Telerik: https://demos.telerik.com/aspnet-mvc/grid/filter-row
<% Html.Telerik().Grid(Model).Name("GridName").Sortable().Resizable(resize => resize.Columns(true)).Filterable().Columns(columns =>
{
columns.Bound(o => o.Prop1).Title("Type").Width(50).HtmlAttributes(new { @style = "text-align:center;" }).Filterable(true).Groupable(true).Sortable(true);
columns.Bound(o => o.Prop2).Width("40%")
.HtmlAttributes(new { @class = "sgrid-address-column" })
.ClientTemplate("<div> " + "<#= FullName #></div>" + " <div class='hiddenToolTip' style='display:none'>" + " <#= FormattedHTMLContent2 #></div>")
.Filterable(true).Groupable(false);
})
.DataKeys(keys => keys.Add(c => c.Id))
.Scrollable(scrolling => scrolling.Enabled(true))
.Scrollable(scrolling => scrolling.Height(550))
.Sortable(sorting => sorting.Enabled(true).SortMode(GridSortMode.MultipleColumn))
.Pageable(paging => paging.Enabled(true))
.ClientEvents(events => events.OnDataBound(() =>
{
%>
function(e) {
$(".salonsgrid-address-column").poshytip({
className: 'tip-yellow',
bgImageFrameSize: 9,
content: function () { return $(this).find('.hiddenToolTip').html(); } });
$(".salonsgrid-email-column").poshytip({
className: 'tip-yellow',
bgImageFrameSize: 9,
content: function () { return $(this).html(); } });
}
<%
}
))
<%
}))
.Footer(true)
.Render();