WPF MVVM 之理解（数据绑定）

 

（申明：最近在做一个练习，写点东西，谨供参考。）

1、界面展示：其中的布局和样式就不说了，重点在MVVM架构和数据绑定（Model层使用EF(Entity Framework)实体框架，不做介绍）。

 

绑定后：

2、架构介绍：

在Views层中新建CusGroupEditWindow窗体，ViewModels中建立CusGroupEditViewModel类，在窗体的xaml或者cs中引用ViewModels对应类：

   xaml中：

　　　　<Window.DataContext>   

      　　　　<local:CusGroupEditViewModel/> <!--（添加引用local：为CusGroupEditViewModel的路径）-->    　

　　　   </Window.DataContext>

　　cs：DataContext = CusGroupEditViewModel。（添加引用路径）

/***********************************************/

*CsGroup是在ViewModel中定义的一个CusGroup对象，　　　 *

*CusGroup对象是在SQL数据库中的表，在EF中的对象。　　　　*

/***********************************************/

3、TextBox绑定：

　　<TextBox MaxWidth="550" Width="100" Text="{Binding CsGroup.Alarm,Mode=TwoWay}" />

4、Button绑定：

　　<Button Width="100" Height="35" Margin="10" Command="{Binding BtnChangedCommand}" CommandParameter="btnCusGroupSave" Background="#fc8530" >         

            <TextBlock  Text="保存"  FontWeight="Bold" FontSize="16"></TextBlock>

      </Button> 

<!-- Command="{Binding BtnChangedCommand}"中是在ViewModel中的委托，继承ICommoand -->

<!--CommandParameter="btnCusGroupSave"  参数-->

5、CheckBox绑定：

　　<CheckBox Name="cbCash" Margin="0,0,5,0" IsChecked="{Binding CsGroup.IsCash}"/>

　　<!-- IsCash 是在SQL表中CusGroup中字段，bit类型--> 6、ComboBox绑定：

6、ComboBox绑定：

<ComboBox MaxWidth="150" Width="100" SelectedValue="{Binding StrCMBselectValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" DisplayMemberPath="Text"
                                              SelectedValuePath="Value" ItemsSource="{Binding LstCSGDownLevelID, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />
                                

 

 

 <!--SelectedValue：选中CommoBox的值，Mode双向模式，属性改变时触发；DisplayMemberPath：显示时绑定；SelectedValuePath：表示选择下拉框某一项对应的值；ItemsSource：绑定的数据源 -->

<!-- 其中Value和Text也可理解为数据源，在ViewModel中有赋值-->                                                 

7、DataGrid绑定：

<DataGrid ColumnWidth="*" SelectedItem="{Binding CurrentSelectItem}"  ItemsSource="{Binding CsGroupsAll}" AutoGenerateColumns="False"  IsReadOnly="True" >
                                <DataGrid.Columns>
                                    <DataGridTextColumn Header="分组编号" Binding="{Binding Code}" />
                                    <DataGridTextColumn Header="分组名称" Binding="{Binding Name}" />
                                </DataGrid.Columns>
                            </DataGrid>

 

/***************************************************************/

        //DataGrid当前选择对象
        private CusGroup currentSelectItem;
        public CusGroup CurrentSelectItem
        {
            get { return currentSelectItem; }
            set
            {
                currentSelectItem = value;

                GetCutCmbSelect(value);
            }
        }

View Code