WPF入门教程系列二十——ListView示例(二)

喜欢ヅ旅行 2024-03-17 11:04 61阅读 0赞

**第四步、WPF后台逻辑代码编写**

在后台用Entity Framework 6.1的Code First方式获取数据库中的数据。同时，在“刷新”按钮的方法中进行数据绑定。操作步骤如下：

1) 在“刷新”按钮上使用鼠标右键，单击，会弹出“属性”窗口。如下图。

![ff383befd5b97474996550fceccd1e09.png][]

2) 在“属性”窗口中点击右上角的闪电图标按钮，会出现事件窗口。在Click事件的文本框中进行双击，就会把按钮的Click事件添加到后台代码中。如下图。

![10750793d873e5ec211e522fbf5050e9.png][]

3）具体代码如下：

![0821c9009cac03b2d5d9e122c4dfe66f.gif][]

public partial class MainWindow : Window
    
        {
    
            public MainWindow()
    
            {
    
                InitializeComponent();
    
                Database.SetInitializer<TestDBContext>(null);
    
            }
    
     
    
            private void btnRefresh_Click(object sender, RoutedEventArgs e)
    
            {
    
                GetData();
    
            }
    
            TestDBContext db = new TestDBContext();
    
     
    
            protected void GetData()
    
            {
    
     
    
                List<S_City> list = db.S_City.ToList<S_City>();
    
                listView1.ItemsSource = list;
    
            }
    
            private void menuPrism_Click(object sender, RoutedEventArgs e)
    
            {
    
     
    
                WindowPrismDemo1 win = new WindowPrismDemo1();
    
                win.Show();
    
            }
    
        }

![dca662bccd9f9d8045c263e9ea90f1ce.gif][]

1) 对象实体类。代码如下。

![75a10812c862d287000c774619f6bd78.gif][]

public class S_City
    
       {
    
            [Key]
    
           public long CityID{get;set;}
    
         public string CityName{get;set;}
    
         public string ZipCode{get;set;}
    
         public long ProvinceID{get;set;}
    
         public DateTime DateCreated{get;set;}
    
         public DateTime DateUpdated { get; set; }
    
        }
    
      public class TestDBContext : DbContext
    
      {
    
           public DbSet<S_City> S_City { get; set; }
    
       }

![6a7b52cd2953aa83983a2275176e9f4a.gif][]

**第五步、WPF前台界面与后台数据的Binding**

写完了上面的代码之后，按F5，程序运行了起来，点“刷新”按钮却没有任何数据显示。这是由于后台数据与前面界面没有进行“绑定”，所以无法显示数据，接下来跟着我做。

1)给GridViewColumn指明当前列对应于数据源的哪一项，可以通过DisplayMemberBinding属性来实现。其中Path后面的值便是上一步中所写的类S\_City中指明属性名称。具体代码如下。

![6b7e44454f602249697aa03c05a16317.gif][]

![280eae7e05e70f6171f8774ea671dbd2.gif][]

2)在Visual Studio 2013中按F5运行WPF程序，在程序运行起来之后，鼠标左键点击“刷新”按钮。你就可以看到如下图这样的画面了。

![d3134a261f9019886586990cf9a85eb0.png][]

注意：如果运行时报以下错误信息：

异常:已引发: "The model backing the 'TestDBContext' context has changed since the database was created. Consider using Code First Migrations to update the database (http://go.microsoft.com/fwlink/?LinkId=238269)." (System.InvalidOperationException)

引发了一个 System.InvalidOperationException: "The model backing the 'TestDBContext' context has changed since the database was created. Consider using Code First Migrations to update the database (http://go.microsoft.com/fwlink/?LinkId=238269)."

解决方法：

具体请查看我前面代码中构造方法中以下语句。请注释掉就会报错，加上去就不会有问题。

Database.SetInitializer<TestDBContext>(null);

3）当我们使用鼠标左键点击ListView中的记录时，里面的城市信息并没有同步映射到下面的文本框中。这个功能应该如何实现呢？。

4)首先在WrapPanel元素中指明一个公共的上下文，可以通过增加属性 DataContext="\{Binding ElementName=listView1,Path=SelectedItem\}来实现。

5)其次，对于需要显示相应信息的文本框，需要通过绑定TextBox元素中的Text属性实现，实现代码如下：

![177e6cb77d48e3ee88822014acabec28.gif][]

![e5dd0aa544cf1142507fd40803790db0.gif][]

6) 在Visual Studio 2013中按F5运行WPF程序，在程序运行起来之后，鼠标左键点击“刷新”按钮。在出现数据之后，使用鼠标左键点击ListView中的记录，你会发现文本框与ListView实现了联动。如下图。

![cbc5c800338f3df6687ec73f86801d90.png][]

**第六步、数据更新**

1) 在原来只放一个按钮的地方，需要要多放一个按钮，如果只是简单的放一个按钮，就会如下图，所示，两个按钮重叠在一起。

![8ccb4b4c35a5a7779b0aa8ecc15fecec.png][]

2) 我们需要在XAML窗口中加个一个面板窗口。代码如下。

![5423b1488ef59a68fe408cbaa2237513.gif][]

![7e095214c8683b8e02a8a94c3a51abed.gif][]

3) 给按钮btnUpdate添加一个Click事件，在Click事件中实现更新代码。代码如下。

![098a02a90eb673afccad2d1ae0210c89.gif][]

private void btnUpdate_Click(object sender, RoutedEventArgs e)
    
            {
    
                 long id = long.Parse(textBox_CityID.Text);
    
                var city = db.S_City.Where(c => c.CityID == id).OrderBy(c => c.CityID).FirstOrDefault();
    
                city.CityID = id;
    
                city.CityName = textBox_CityName.Text;
    
                city.DateCreated = DateTime.Parse(textBox_DateCreated.Text);
    
                city.DateUpdated = DateTime.Parse(textBox_DateUpdated.Text);
    
                city.ProvinceID = long.Parse(textBox_ProvinceID.Text);
    
                city.ZipCode = textBox_ZipCode.Text;       
    
                db.SaveChanges();    
    
       }

![a47e8522070960865e3527b7c2b6a112.gif][]

4) 选中一条记录，然后进行修改，更改之后，点击“更新”按钮。就可以把数据保存到数据库了。如下图。

![5e8312f3f7e87dbcb186b95ba0d99a2d.png][]

5) 我们查询一下数据库，看一下数据是否已经更新到数据库里面了。如下图。

![896ff65c414904b7b1762a677491040b.png][]

[ff383befd5b97474996550fceccd1e09.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f4f3d3d8e0234d689f4eb4fda48128f1.png
[10750793d873e5ec211e522fbf5050e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/70ab30a0c1b24026b03bc99e744a4d9d.png
[0821c9009cac03b2d5d9e122c4dfe66f.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/50aa82a063084ca881300f29b0251d89.png
[dca662bccd9f9d8045c263e9ea90f1ce.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/993b3f94c8f04fe4ac3f89f5ce0c12df.png
[75a10812c862d287000c774619f6bd78.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4a839a45ae7741f7b9f0fc316f57a62b.png
[6a7b52cd2953aa83983a2275176e9f4a.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8d43116eaa494c0b9116c028bbb02c25.png
[6b7e44454f602249697aa03c05a16317.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9c04c6c00b5e496287f6fa34fdf2f9f3.png
[280eae7e05e70f6171f8774ea671dbd2.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9122cc328d314de1b284a9a0f6945a58.png
[d3134a261f9019886586990cf9a85eb0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9ae82a1d63c94690959cfa800b0979be.png
[177e6cb77d48e3ee88822014acabec28.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8141bc3123894971adb91e0bfb96801b.png
[e5dd0aa544cf1142507fd40803790db0.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ee24d3d63cc148fe957775b12613585d.png
[cbc5c800338f3df6687ec73f86801d90.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f6b8405780b84b05813519ef6eac441e.png
[8ccb4b4c35a5a7779b0aa8ecc15fecec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/025266939c00495485f54241e2597a7f.png
[5423b1488ef59a68fe408cbaa2237513.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/48f74dc065ca4603b46e469a8f592373.png
[7e095214c8683b8e02a8a94c3a51abed.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/313426fb64f3424e8ac9d75381a463c2.png
[098a02a90eb673afccad2d1ae0210c89.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/be283feb77a04e8baeb995d580cd2b65.png
[a47e8522070960865e3527b7c2b6a112.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8cbc6478fa024a4aa70f684d15ef09dc.png
[5e8312f3f7e87dbcb186b95ba0d99a2d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/32acb4954d144c36b0a6454cf9bfd894.png
[896ff65c414904b7b1762a677491040b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/74a63568d88f45f49e9c0601daaf8726.png