Hello Chris,
Your code looks fine. I incorporated it in an aspx page and wasn't able to find anything wrong.
Here is the solution:
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
runat
=
"server"
/>
<
telerik:RadAjaxManager
ID
=
"raManager"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgDraftProspects"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgDraftProspects"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"rckMeasurables"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgDraftProspects"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadCodeBlock
ID
=
"rcBlock"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function check_changed()
{
var rckMeasurables = $find("<%= rckMeasurables.ClientID %>");
var theGrid = $find('<%= rgDraftProspects.ClientID %>');
var theView = theGrid.get_masterTableView();
theView.hideColumn(0);
//check this method in https://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/gridtableview-object/methods/hidecolumn
/*var theColumns = theView.get_columns();
for (var i = 10; i <
18
; i++)
{
// javascript to hide or show columns
debugger;
}*/
}
</script>
</
telerik:RadCodeBlock
>
<
telerik:RadCheckBox
ID
=
"rckMeasurables"
Text
=
"Show Measurables?"
class
=
"Sunset"
OnClientCheckedChanged
=
"check_changed"
runat
=
"server"
/>
<
telerik:RadGrid
ID
=
"rgDraftProspects"
runat
=
"server"
></
telerik:RadGrid
>
</
form
>
</
body
>
</
html
>
Default.aspx.cs
Regards,
Rumen
Progress Telerik