<asp:SqlDataSource ID="YellowBookPeriodSummaryData" runat="server" ConnectionString="<%$ ConnectionStrings:Intranet_DBConnectionString %>"

SelectCommand="SELECT TOP 100 PERCENT Year, Period, SUM(Qty) AS Quantity, SUM(Volume) AS [Vol Sq Ft], SUM(NetSales) AS [Net Value], SUM(StdCost) * - 1 AS Cost, SUM(Margin) AS [Margin ()], (SUM(NetSales) + SUM(StdCost)) / SUM(NetSales) * 100 AS [Margin (%)] FROM Tbl_Sales_Downloads WHERE (SalesCategory IN (@Category)) GROUP BY Year, Period HAVING (Year = @Year) AND (Period = @Period)">

<SelectParameters>

<asp:ControlParameter ControlID="CheckBoxList1" Name="Category" PropertyName="SelectedValue"

Type="String" />

<asp:ControlParameter ControlID="CbxYear" Name="Year" PropertyName="SelectedValue"

Type="Int64" />

<asp:ControlParameter ControlID="CbxPeriod" Name="Period" PropertyName="SelectedValue"

Type="Int64" />

</SelectParameters>

</asp:SqlDataSource>

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

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

document.getElementById(

"ctl00_ContentPlaceHolder1_HiddenField8").value=0;

}

}

catch(ex)

{

}

} 

<CommandItemTemplate>

<table cellpadding="0" cellspacing="0" border="0" width="920px" align="center">

<tr>

<td width="675px" 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>

</

tr>

</table>

</CommandItemTemplate>

It is working fine. but my requirement is that In starting/Page_Load  i   want to hide the FilterItem. and this filteritem will be visible only when that checkbox will be checked.
if i try to make FilterItem visible false using this  serverside code then i am unable to make this filteritem visible again using above javascript code.

if (!IsPostBack)

{

foreach (GridFilteringItem filterItem in User_RadGrid.MasterTableView.GetItems(GridItemType.FilteringItem))

{

filterItem.Visible =

false;

}

}

so please guide me how to achieve my result.
Thanks a lot in advance.
Binod.

function filterMenushowing(sender, eventArgs)

{

var menu = eventArgs.get_menu();

var items = menu._itemData;

var dataType = eventArgs.get_column().get_dataType().toString();

var usedTypes = "System.String, System.DateTime, System.Decimal";

//debugger;

if(usedTypes.indexOf(dataType != -1))

{

var filterForString = "";

if(dataType == "System.String")

filterForString =

"NoFilter, Contains, DoesNotContain, StartsWith, EndsWith, EqualTo, NotEqualTo";

if(dataType == "System.Decimal" || dataType == "System.DateTime")

filterForString =

"NoFilter, EqualTo, NotEqualTo, GreaterThan, LessThan, GreaterThanOrEqualTo, LessThanOrEqualTo";

var i = 0;

while (i < items.length)

{

if (filterForString.indexOf(items[i].value.toString()) != -1)

{

var item = menu._findItemByValue(items[i].value);

if (item != null)

item._element.style.display =

"";

//else

// item._element.style.display = "";

else

var item = menu._findItemByValue(items[i].value);

if (item != null)

item._element.style.display=

"none";

}

i++;

}

}

else

var i = 0;

while (i < items.length)

{

var item = menu._findItemByValue(items[i].value);

if (item != null)

item._element.style.display=

"";

i++;

}

}

}