时间戳

首页 > 解决方案 > WPF 绑定数据网格复选框

wpf - WPF 绑定数据网格复选框

问题描述

我是 WPF 编程的新手...

我想用给定列表中每个唯一应用程序的复选框填充 DataGrid，技术人员可以在其中为其选择的每个设备选择应用程序，一旦他/她单击“提交”按钮...工具将创建一个 csv对于以后将用于应用程序映射的设备...

这是我的xaml。

$Appname = 'App1', 'App2', 'App3'
[xml]$xaml= @"
<Window 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Application Deployment Staging" Height="672.607" Width="905.517">
   <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="368*"/>
            <ColumnDefinition Width="425*"/>
        </Grid.ColumnDefinitions>
        <TextBox Name="TXTDeviceName" HorizontalAlignment="Left" Height="22" Margin="81,45,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="194"/>
        <GroupBox Name="Grpbx01" Header="Enter Device Name" HorizontalAlignment="Left" Height="70" Margin="33,16,0,0" VerticalAlignment="Top" Width="310" FontWeight="Bold"/>
        <GroupBox Name="Grpbx02" Header="Available Applications" HorizontalAlignment="Left" Height="456" Margin="34,100,0,0" VerticalAlignment="Top" Width="810" Grid.ColumnSpan="2">
            <DataGrid Name="Datagrd1" HorizontalAlignment="Left" Height="412" Margin="9,16,0,0" VerticalAlignment="Top" Width="776">
                <DataGrid.Columns>



                 </DataGrid.Columns>
             </DataGrid>
        </GroupBox>
        <Button Name="btn01" Content="Submit" Grid.Column="1" HorizontalAlignment="Left" Margin="226.4,578,0,0" VerticalAlignment="Top" Width="90" Height="27" FontWeight="Bold">
            <Button.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF77CAAB" Offset="0.771"/>
                    <GradientStop Color="#FFFAFAFA" Offset="0.003"/>
                </LinearGradientBrush>
            </Button.Background>
        </Button>
        <Button Name="btn02" Content="Cancel" Grid.Column="1" HorizontalAlignment="Left" Margin="337.4,576,0,0" VerticalAlignment="Top" Width="90" Height="27" FontWeight="Bold">
            <Button.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF98B1A8" Offset="0.771"/>
                    <GradientStop Color="#FFFAFAFA" Offset="0.003"/>
                </LinearGradientBrush>
            </Button.Background>
        </Button>
    </Grid>
</Window>
"@

# Add assemblie
Add-Type -AssemblyName PresentationFramework, PresentationCore, WindowsBase, System.DirectoryServices, system.Drawing, System.Windows.Forms, WindowsFormsIntegration

$reader=(New-Object System.Xml.XmlNodeReader $xaml)
$Form=[Windows.Markup.XamlReader]::Load( $reader )
$xaml.SelectNodes("//*[@Name]") | %{ Set-Variable -Name "$($_.Name)" -Value $Form.FindName($_.Name) -ErrorAction Stop }

$Form.ShowDialog() | Out-Null

标签： wpfdatagrid

解决方案

解决方案 1

如果我理解你的问题是正确的，你首先需要添加一个像MyApplicationList这样的类。下面是一个例子：

public class MyApplicationList
{
    public bool IsSelected { get; set; }
    public string ApplicationName { get; set; }
}

然后，您将在您的代码中创建一个公共属性ObservableCollection（它是一个列表）。

public ObservableCollection<MyApplicationList> ItemList { get; set; }

现在为列表创建条目并将它们添加到数据网格中：

public partial class MainWindow : Window
{
    ...
    public ObservableCollection<MyApplicationList> ItemList { get; set; }

    public MainWindow()
    {
        InitializeComponent();

        ItemList = new ObservableCollection<MyApplicationList>();
        ItemList.Add(new MyApplicationList { ApplicationName = "App 1" });
        ItemList.Add(new MyApplicationList { ApplicationName = "App 2" });
        ItemList.Add(new MyApplicationList { ApplicationName = "App 3" });

        Datagrd1.ItemsSource = ItemList;
    }
    ...
}

在 XAML 代码中，您将数据网格修改为：

<DataGrid x:Name="Datagrd1" 
          HorizontalAlignment="Left" 
          Margin="9,16,0,0" 
          VerticalAlignment="Top"
          AutoGenerateColumns="False"
          CanUserAddRows="False">
    <DataGrid.Columns>
        <DataGridCheckBoxColumn Binding="{Binding IsSelected}"/>
        <DataGridTextColumn Binding="{Binding ApplicationName}" IsReadOnly="True" />
    </DataGrid.Columns>
</DataGrid>

最后一步现在将向提交按钮添加一个事件：

<Button Name="btn01" 
        Content="Submit" 
        HorizontalAlignment="Left"
        Margin="5,0,5,0" 
        VerticalAlignment="Top" 
        Width="90" 
        Height="27" 
        FontWeight="Bold"
        Click="btn01_Click">
    <Button.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF77CAAB" Offset="0.771"/>
            <GradientStop Color="#FFFAFAFA" Offset="0.003"/>
        </LinearGradientBrush>
    </Button.Background>
</Button>

在事件处理程序中，您可以检查用户选择的内容：

private void btn01_Click(object sender, RoutedEventArgs e)
{
    // Her you can check what the user has selectet and save in a file
    // Get the items from the ObservableCollection
}

作为初学者，这将是一种方法，希望它是可以理解的。

解决方案 2

如果你做得很好，你可以将它实现为MVVM-patter。然后你做这样的事情：创建一个像 MainWindowViewModel.cs 这样的新类

public class MainWindowViewModel : INotifyPropertyChanged
{
    public ObservableCollection<MyApplicationList> ItemList { get; set; }

    public MainWindowViewModel()
    {
        ItemList = new ObservableCollection<MyApplicationList>();
        ItemList.Add(new MyApplicationList { ApplicationName = "App 1" });
        ItemList.Add(new MyApplicationList { ApplicationName = "App 2" });
        ItemList.Add(new MyApplicationList { ApplicationName = "App 3" });
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

在MainWindow的类中，将MainWindowViewModel.cs设置为DataContext属性。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new MainWindowViewModel();
    }
}

现在将MainWindow.xaml中的ObservableCollection绑定到 DataGrid：

<DataGrid x:Name="Datagrd1" 
          HorizontalAlignment="Left" 
          Margin="9,16,0,0" 
          VerticalAlignment="Top"
          ItemsSource="{Binding ItemList}"
          AutoGenerateColumns="False"
          CanUserAddRows="False">
    <DataGrid.Columns>
        <DataGridCheckBoxColumn Binding="{Binding IsSelected}"/>
        <DataGridTextColumn Binding="{Binding ApplicationName}" IsReadOnly="True" />
    </DataGrid.Columns>
</DataGrid>

获取MainWindowViewModel.cs类中按钮的事件，在代码中添加属性并将命令绑​​定到按钮。

public class MainWindowViewModel : INotifyPropertyChanged
{
    public ICommand SubmitButtonPress { get; set; }

    public MainWindowViewModel()
    {
        ...
        SubmitButtonPress = new RelayCommand(SubmitButtonPressExecute, o => true);
        ...
    }

    private void SubmitButtonPressExecute(object o)
    {
        // Her you can check what the user has selectet and save in a file
        // Get the items from the ObservableCollection
    }
}

她喜欢RelayCommand ( C# Corner )类的示例，将命令添加到MainWindow.xaml中的按钮：

...
<Button Name="btn01" 
        Content="Submit" 
        Command="{Binding SubmitButtonPress}"
        HorizontalAlignment="Left"                    
        Margin="5,0,5,0" 
        VerticalAlignment="Top" 
        Width="90" 
        Height="27" 
        FontWeight="Bold">
    <Button.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF77CAAB" Offset="0.771"/>
            <GradientStop Color="#FFFAFAFA" Offset="0.003"/>
        </LinearGradientBrush>
    </Button.Background>
</Button>
...

我希望这能回答您的问题并有所帮助。

推荐阅读