如何清除 Telerik ASP.NET MVC 网格上的过滤器答案

【问题标题】：How to clear filter on Telerik ASP.NET MVC Grid如何清除 Telerik ASP.NET MVC 网格上的过滤器
【发布时间】：2011-01-09 14:45:14
【问题描述】：

我有一个允许用户过滤的网格。如果用户更改了用于填充网格的搜索词，则来自先前搜索的过滤器将保留在原地。

<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');

【问题讨论】：

只是想明白你在问什么：你想清除过滤器，然后在点击搜索时重新绑定网格？
正确...我基本上希望在单击 btnSearch 按钮时清除已应用的过滤器，等等。

标签： jquery asp.net-mvc telerik telerik-mvc

【解决方案1】：

有了korchev's 的灵感...我想出了在重新绑定发生之前执行的以下操作。它清除过滤器值，然后应用新的（不存在的）值。

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

// rebind the related grid
groupsGrid.rebind({
    userName: user
});

【讨论】：

【解决方案2】：

您可以查看我的回复here。

【讨论】：

该代码确实清除了文本框过滤器值，但它实际上并没有改变幕后过滤器。我想我还必须模拟单击实际过滤器按钮才能使其正常工作。请让我知道官方修复何时准备就绪！