右鍵菜單自由選擇DataGrid顯示隱藏列


在DataGrid使用中,當有很多列時,可能會遇到選擇性的顯示列,那麼該怎麼辦呢,我是這麼做的:


首先讓MenuItem綁定DataGrid的所有列,然後將MenuItem的Item模板列改爲CheckBox,在讓CheckBox的Content綁定MenuItem的Header,讓IsChecked綁定列是否顯示隱藏(這裏有一個Convert轉換器),代碼如下:


Xaml:

<MenuItem Header="顯示隱藏列" ItemsSource="{Binding PlacementTarget.Columns, RelativeSource={RelativeSource AncestorLevel=1, AncestorType={x:Type ContextMenu}, Mode=FindAncestor}}">
                        <MenuItem.ItemTemplate>
                            <DataTemplate>
                                <CheckBox Content="{Binding Header,UpdateSourceTrigger=PropertyChanged}" IsChecked="{Binding Visibility,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged,Converter={StaticResource DataGridColumnVisibilityConvert}}"/>
                            </DataTemplate>
                        </MenuItem.ItemTemplate>

其中DataGridColumnVisibilityConvert轉換器在Resource中引用,然後有一個類實現:

<UserControl.Resources>
        <local:DaraGridColumnVisibility x:Key="DataGridColumnVisibilityConvert"/>
    </UserControl.Resources>



CS:

public class DaraGridColumnVisibility : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            bool flag = false;
            Visibility vis = (Visibility)value;
            switch (vis)
            {
                case Visibility.Hidden:
                    flag = false;
                    break;
                case Visibility.Visible:
                    flag = true;
                    break;
                default:
                    break;
            }
            return flag;
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            bool flag = System.Convert.ToBoolean(value);
            if (flag)
            {
                return Visibility.Visible;
            }
            else
            {
                return Visibility.Hidden;
            }
        }
    }


OK,這樣就可以進行自由選擇顯示列的,是不是很簡單!



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章