Question

我已经在不使用MVVM的情况下实现了这个：

private void Del_btn_Click(object sender, RoutedEventArgs e)
{
    try
    {
        List<string> cid = new List<string>();
        foreach (DataRowView rw in Xgrid.SelectedItems)
        {

            cid.Add(rw[1].ToString());
            MessageBox.Show("Deleting " + rw[1].ToString());
        }

        foreach (string cq in cid)
        {
            SqlConnection con = new SqlConnection(str);

            con.Open();
            SqlCommand cmd = new SqlCommand("delete_prc", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlParameter param1 = new SqlParameter();
            param1.ParameterName = "@Cid";
            param1.SqlDbType = SqlDbType.NVarChar;
            param1.Value = cq;
            cmd.Parameters.Add(param1);
            cmd.ExecuteNonQuery();
        }
    }
    catch (Exception ex)
    {
        MessageBox.Show(ex.ToString());
    }
}

现在我想用MVVM做这个。

我有customers.cs模型类，其中包含所有字段。现在我不知道如何绑定复选框，所以我能够做到这一点。

Xaml代码：

<DataGrid.RowHeaderTemplate>
    <DataTemplate>
        <Grid>
            <CheckBox   IsChecked="{Binding Path=ViewModelBase.CheckAll, 
                        Mode=TwoWay, UpdateSourceTrigger=PropertyChanged,
                        RelativeSource={RelativeSource FindAncestor,
                        AncestorType={x:Type DataGridRow}}}" Name="delete"/>
        </Grid>
    </DataTemplate>
</DataGrid.RowHeaderTemplate>

<DataGrid.Columns>
    <DataGridTextColumn Header="rowNo." Width="60" Binding="{Binding RowNumber}" IsReadOnly="True">
        <DataGridTextColumn.ElementStyle>
            <Style TargetType="TextBlock">
                <Setter Property="HorizontalAlignment" Value="Center" />
            </Style>
        </DataGridTextColumn.ElementStyle>
    </DataGridTextColumn>
    <DataGridTextColumn Header="CustomerID" Width="80" Binding="{Binding CustomerID}" IsReadOnly="True"></DataGridTextColumn>
    <DataGridTextColumn Header="CompanyName" Width="100" Binding="{Binding CompanyName}"></DataGridTextColumn>
    <DataGridTextColumn Header="ContactName" Width="100" Binding="{Binding ContactName}"></DataGridTextColumn>
    <DataGridTextColumn Header="ContactTitle" Width="100" Binding="{Binding ContactTitle}"></DataGridTextColumn>
    <DataGridTextColumn Header="Address" Width="80" Binding="{Binding Address}"></DataGridTextColumn>
    <DataGridTextColumn Header="City" Width="100" Binding="{Binding City}"></DataGridTextColumn>
    <DataGridTextColumn Header="Region" Width="80" Binding="{Binding Region}"></DataGridTextColumn>
    <DataGridTextColumn Header="PostalCode" Width="100" Binding="{Binding PostalCode}"></DataGridTextColumn>
    <DataGridTextColumn Header="Country" Width="100" Binding="{Binding Country}"></DataGridTextColumn>
    <DataGridTextColumn Header="Phone" Width="100" Binding="{Binding Phone}"></DataGridTextColumn>
    <DataGridTextColumn Header="Fax" Width="100" Binding="{Binding Fax}"></DataGridTextColumn>

</DataGrid.Columns>

那么如何将其与mvvm集成。请帮我这样做。

我想知道在我的viewmodel类中要定义什么，以及执行此操作的绑定路径应该是什么。

Answer 1

在你的DataGrid中输入一个命令，你需要添加

的xmlns：ⅰ= “http://schemas.microsoft.com/expression/2010/interactivity”

  <DataGrid HorizontalAlignment="Left" VerticalAlignment="Top" Height="103" Width="517">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="MouseDoubleClick">
                <i:InvokeCommandAction Command="{Binding GetItem}" CommandParameter="{Binding Header,ElementName=id}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
   </DataGrid>

并访问 ViewModel 中的命令，如下所示

  RelayCommand getitem;
    public RelayCommand GetItem
    {
        get
        {
            if(getitem == null)
            {
                getitem = new RelayCommand(p=>Executeyourcommand(p));
            }
            return getitem;
        }
    }


  void Executeyourcommand(object parameter)
    {
        // parameter is your CustomerID
       // do your work here
    }

您的Command帮助程序类

 public class RelayCommand : ICommand
{
    readonly Action<object> execute;
    readonly Predicate<object> canexecute;

    public RelayCommand(Action<object> execute)
        : this(execute, null)
    {

    }
    public RelayCommand(Action<object> Execute, Predicate<object> Canexecute)
    {
        if(Execute == null)
            throw new ArgumentNullException("execute");
        execute = Execute;
        canexecute = Canexecute;
    }
    public bool CanExecute(object parameter)
    {
        if(canexecute == null)
            return true;
        else
            return canexecute(parameter);
    }
    public event EventHandler CanExecuteChanged
    {
        add
        {
            CommandManager.RequerySuggested += value;
        }
        remove
        {
            CommandManager.RequerySuggested -= value;
        }
    }
    public void Execute(object parameter)
    {
        execute(parameter);
    }
}

和ofc我没有测试代码，我希望这是你在寻找

将选择项从wpf datagrid通过mvvm传递给存储过程

1 个答案: