Как очистить фильтр на Telerik ASP.NET MVC Grid - PullRequest
8 голосов
/ 26 января 2010

У меня есть сетка, которая позволяет пользователю фильтровать. Если пользователь изменяет поисковое слово, которое используется для заполнения сетки, фильтр из предыдущего поиска остается на месте.

<label for="UserName"> 
    User Name:</label> 
<%= Html.TextBox("UserName", "") %> 
&nbsp; &nbsp; 
<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'); 

Ответы [ 2 ]

4 голосов
/ 27 января 2010

С вдохновением Корчева ... Я придумал следующее, которое выполняется до того, как произойдет повторное связывание. Он очищает значения фильтра и затем применяет новые (несуществующие) значения.

//Clear UI Filter Text
$('#Groups .t-clear-button').click();
$('#Groups .t-filter-button').click();

// rebind the related grid
groupsGrid.rebind({
    userName: user
});
2 голосов
/ 27 января 2010

Вы можете проверить мой ответ здесь .

...