У меня есть сетка, которая позволяет пользователю фильтровать. Если пользователь изменяет поисковое слово, которое используется для заполнения сетки, фильтр из предыдущего поиска остается на месте.
<label for="UserName">
User Name:</label>
<%= Html.TextBox("UserName", "") %>
<input id="btnSearch" type="submit" value="Submit" />
</p>
<div class="<%= "t-" + Html.GetCurrentTheme() %>" style="width: 400px;">
<%= Html.Telerik().Grid<ADGroup>()
.Name("Groups")
.Columns(columns=>
{
columns.Add(c => c.GroupName).Width(350);
})
.Sortable()
.Filterable()
.Pageable(paging =>
paging.PageSize(20)
)
.Ajax(ajax => ajax.Action("_GetGroups", "GroupSearch", new { userName = "John Doh" }))
.BindTo((IEnumerable<ADGroup>)ViewData["Groups"])
%>
</div>
Я вызвал повторное связывание гирда, которое происходит при нажатии btnSearch.
<%
Html.Telerik().ScriptRegistrar()
.OnDocumentReady(() =>
{
%>
var groupsGrid = $('#Groups').data('tGrid');
$('#btnSearch')
.live("click", function() {
var user = $('#UserName').val();
// rebind the related grid
groupsGrid.rebind({
userName: user
});
});
<%
});
%>
Я знаю, что могу добавить следующий код, который вызовет меню фильтра, но я бы предпочел иметь возможность автоматически очищать фильтр до или после вызова .rebind ().
$('.t-grid-filter:first')
.trigger('click');