Cómo borrar el filtro en Telerik ASP.NET MVC Grid

Question

Tengo una grilla que permite al usuario filtrar. Si el usuario cambia la palabra de búsqueda que se utiliza para llenar la cuadrícula, el filtro de la búsqueda anterior permanece en su lugar.

<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> 

He activado el reencuentro de la ceñida cuando se presiona 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 
      }); 
     }); 
    <% 
}); 

%>

Sé que puedo añadir el siguiente código que aparezca el menú de filtros, pero yo preferiría ser capaz de limpiar el filtro automagicamente antes o después de la .rebind () se produce la llamada.

$('.t-grid-filter:first') 
    .trigger('click'); 

Answer 1

Con korchev's inspiración ... Se me ocurrió lo siguiente que se ejecuta antes de que se produzca la nueva vinculación. Borra los valores de filtro y luego aplica los valores nuevos (inexistentes).

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

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

Answer 2

Puede verificar mi respuesta here.