how to clear the filter text on radgrid using client side

[Shubham]

I am providing you the code which i used ....i want when i uncheck the checkbox then filter text will clear...

In radgrid
<CommandItemTemplate>

<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">

<tr>

<td width="17%" align="left" style="padding-right: 15px">

<asp:CheckBox ID="chkViewFilter" runat="server" Checked="false" onclick="showFilterItem(this)" />

<asp:Label ID="Label4" runat="server" Text="Show Filter"></asp:Label>

</td>
<CommandItemTemplate>

<script>

 

//Hide and show Filter on checking/Unchecking of checkbox

 

function showFilterItem(val) {

 

try {

 

var picker = $find("ctl00_ContentPlaceHolder1_User_RadGrid_ctl00_ctl02_ctl00_chkViewFilter");

 

if (val.checked) {

$find(

 

'ctl00_ContentPlaceHolder1_User_RadGrid').get_masterTableView().showFilterItem();

document.getElementById(

 

"ctl00_ContentPlaceHolder1_HiddenField8").value = 1;

}

 

else {

 

//document.getElementById('ctl00_ContentPlaceHolder1_RadDtPkFrom').value = ""

$find(

 

'ctl00_ContentPlaceHolder1_User_RadGrid').get_masterTableView().hideFilterItem();

document.getElementById(

 

"ctl00_ContentPlaceHolder1_HiddenField8").value = 0;

 

// $find('ctl00_ContentPlaceHolder1_User_RadGrid').get_masterTableView().filter("Opportunity", "", "NoFilter");

$find(

 

'<%=User_RadGrid.ClientID%>').get_masterTableView().get_filterExpressions().clear();

}

}

 

catch (ex) {

}

}

</script>

[Princy]

Hello,

Try the following code to clear the filter text on CheckBox click.
C#:

 TextBox box = new TextBox();
 protected void grid1_ItemCreated(object sender, GridItemEventArgs e)
   {
      if (e.Item is GridFilteringItem)
       {
           GridFilteringItem itm = (GridFilteringItem)e.Item;
           box = itm["ColUniqueName"].Controls[0] as TextBox;
       }
       CheckBox chbox = (CheckBox)grid1.MasterTableView.GetItems(GridItemType.CommandItem)[0].FindControl("chk1");
       chbox.Attributes.Add("onclick", "test('" + box.ClientID + "');");
   }

JS:

function test(id)
  {
     var txt = document.getElementById(id);
     txt.value = " ";
  }

Thanks,
Princy.