xaml - bind gridview columns to a checbox

Question

I am using telerik radgridviews and I have some columns that I want to show only if a checkbox is checked.The checkbox is outside the grid and the columns I want to show/hide are inside another grid. This is what I have tried, but doesn't seem to work:

<Grid>
<Checkbox Name = "test">
</Grid>
<telerik:RadGridView ...>
     <telerik:RadGridView.Columns>
        <telerik:GridViewDataColumn>
         <telerik:GridViewDataColumn.CellTemplate>
             <DataTemplate>
                  <telerik:RadGridView ...                                
                    <telerik:RadGridView.Columns>
                       <telerik:GridViewDataColumn IsVisible="{Binding IsChecked,Source={x:Reference test}, Converter{StaticResource BooleanToVis}}" />                                                                                                                                
         </telerik:RadGridView.Columns>
                    </telerik:RadGridView>
              </DataTemplate>
             </telerik:GridViewDataColumn.CellTemplate>

Update #2 So I have the below, but it doesn't seem to work .I dont get any binding issues but checking or unchecking the checkbox doesnt do anything.

 public bool IsChecked
    {
        get
        {
            return isChecked;
        }
        set
        {
            if (isChecked != value)
            {
                isChecked = value;
                NotifyPropertyChanged(nameof(IsChecked));
            }
        }
    }

<BooleanToVisibilityConverter x:Key="BooleanToVis"/>         
<CheckBox x:Name="showCols" Content="test" IsChecked="{Binding IsChecked}"/>                                             
<telerik:GridViewDataColumn DataMemberBinding="{Binding x}" IsVisible="{Binding DataContext.IsChecked,Source={x:Reference showCols},Converter={StaticResource BooleanToVis}}" />

The binding on your CheckBox needs to be TwoWay: `IsChecked="{Binding IsChecked, Mode=TwoWay}"` — Shawn Kendrot, Feb 13 '18 at 15:29
@Shawn thanks, but it is still not working, not sure if this has to do with telerik or something else.. — user1855165, Feb 14 '18 at 11:19

score 2 · Accepted Answer · answered Feb 14 '18 at 13:29

If i understood you correctly you are looking to change the visibility of a GridViewDataColumn based on a checkbox, there are basically two ways to do that:

The easy and straightforward way to do this is simply by binding the column's IsVisible property to the CheckBox's IsChecked porperty using elementname:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0">
        <CheckBox Name="ChkBox" />
    </Grid>
    <telerik:RadGridView  Grid.Row="1">
        <telerik:RadGridView.Columns>
            <telerik:GridViewDataColumn IsVisible="{Binding Path=IsChecked, ElementName=ChkBox}"  Header="First Name" UniqueName="FirstName" />
            <telerik:GridViewDataColumn  Header="Last Name" UniqueName="LasttName" />
        </telerik:RadGridView.Columns>
    </telerik:RadGridView>
</Grid>

The other way is to bind both the IsChecked dependency property of the checkbox and the IsVisible of the GridViewDataColumn to the same property:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0">
        <CheckBox Name="ChkBox" IsChecked="{Binding IsCheckedP}"/>
    </Grid>
    <telerik:RadGridView  Grid.Row="1">
        <telerik:RadGridView.Columns>
            <telerik:GridViewDataColumn IsVisible="{Binding IsCheckedP}"  Header="First Name" UniqueName="FirstName" />
            <telerik:GridViewDataColumn  Header="Last Name" UniqueName="LasttName" />
        </telerik:RadGridView.Columns>
    </telerik:RadGridView>
</Grid>


  private bool _isChecked;
    public bool IsCheckedP
    {
        get { return _isChecked; }
        set
        {
            _isChecked = value;
            OnPropertyChanged();
        }
    }

    public ViewModel()
    {
        //...
    }

    public event PropertyChangedEventHandler PropertyChanged;          
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

Make sure to implement the INotifyPropertyChanged interface and to properly set the DataContext.

score 0 · Answer 2 · answered Feb 07 '18 at 10:49

0

try this (source here )

<FrameworkElement x:Name="dummyElement"  Visibility="Collapsed"  />
<DataGrid .... >
    <DataGrid.Columns>
        <DataGridTextColumn Visibility="{Binding DataContext.IsChecked, 
                                                 Source={x:Reference dummyElement}, 
                                                 Converter={StaticResource BooleanToVisibilityConverter}}"  />
    </DataGrid.Columns>
</DataGrid>

change your Name="test" for x:Name="test" (difference here)

answered Feb 07 '18 at 10:49

Celso Lívero

716
2
14
18

not familiar with FrameworkElement..do I still need to have the checkbox? – user1855165 Feb 07 '18 at 15:54
@user1855165 sure, you can use your checkbox instead of it – Celso Lívero Feb 07 '18 at 18:32

xaml - bind gridview columns to a checbox

2 Answers2