Trying to Hide Columns Client Side

Question

Rumen · Accepted Answer

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 -  -  -   -  -   - html xmlns=http://www.w3.org/1999/xhtml> - 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(); -                     var theGrid = $find(''); -                     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; -                     }*/ -   -                 } -              -         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 -  - using System; - using System.Collections.Generic; - using System.Data; - using System.IO; - using System.Linq; - using System.Web; - using System.Web.Script.Serialization; - using System.Web.UI; - using System.Web.UI.HtmlControls; - using System.Web.UI.WebControls; -   - public partial class _Default : System.Web.UI.Page - { -     protected void Page_Load(object sender, EventArgs e) -     { -         rgDraftProspects.DataSource = GridDataSource(); -         rgDraftProspects.DataBind(); -     } -   -     protected DataTable GridDataSource() -     { -         DataTable dt = new DataTable(); -         dt.Columns.Add(Column 1, typeof(String)); -         dt.Columns.Add(Column 2, typeof(String)); -         dt.Columns.Add(Column 3, typeof(String)); -   -         DataRow row = dt.NewRow(); -         row[0] = 1; -         row[1] = article name; -         row[2] = article contents go here; -         dt.Rows.Add(row); -   -         return dt; -     } - } -  -  -  -  - Regards, -  Rumen  - Progress Telerik -  - Try our brand new, jQuery-free Angular components built from ground-up which - deliver the business app essential building blocks - a grid component, - data visualization (charts) and  form elements. -