Silverlight开发之MVVM模式
2011-07-11 23:07
302 查看
前段时间做Silverlight开发,用到了经典的MVVM开发模式,MVVM开发模式的组织形式有多种,但是万变不离其中,就是Module-View-ViewModule的形式,下面就以一个最简单的示例来讲解一下。
首先打开VS 2010,新建一个Silverlight应用程序:
View Code
还有一步,在App.xaml.cs文件中找到Application_Startup方法,将其中的代码修改为this.RootVisual = new DataViewPage();
最后将解决方案生成,在浏览器中查看,就可以看到下图所示的结果了:
首先打开VS 2010,新建一个Silverlight应用程序:
View Code
<Grid x:Name="LayoutRoot" DataContext="{StaticResource gdvm}"> <data:DataGrid AutoGenerateColumns="False" ItemsSource="{Binding AllData}" IsReadOnly="True" Height="200" HorizontalAlignment="Left" Margin="0,4,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="400" > <data:DataGrid.Columns> <data:DataGridTemplateColumn Header="ID"> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding ID}" /> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> <data:DataGridTemplateColumn Header="标题"> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Title}" /> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> <data:DataGridTemplateColumn Header="姓名"> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Name}"/> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> </data:DataGrid.Columns> </data:DataGrid> </Grid>
还有一步,在App.xaml.cs文件中找到Application_Startup方法,将其中的代码修改为this.RootVisual = new DataViewPage();
最后将解决方案生成,在浏览器中查看,就可以看到下图所示的结果了:
相关文章推荐
- MVVM设计模式相关--Silverlight商业应用程序开发学习笔记(12)
- Silverlight商业应用程序开发学习笔记(12) MVVM设计模式相关--
- Silverlight/WPF/Windows Phone 开发之MVVM设计模式之入门
- MVVM开发模式实例解析
- 转:[Silverlight入门系列]使用MVVM模式(9): 想在ViewModel中控制TreeView节点展开?
- iOS 基于MVVM设计模式的微信朋友圈开发
- WPF/Silverlight中的MVVM模式能否在WinForm/ASP.NET上运用?
- 稳扎稳打Silverlight(58) - 4.0通信之WCF RIA Services: 通过 Domain Service, 以 MVVM 模式实现数据的添加、删除、修改和查询
- 稳扎稳打Silverlight(58) - 4.0通信之WCF RIA Services: 通过 Domain Service, 以 MVVM 模式实现数据的添加、删除、修改和查询
- Silverlight:在MVVM模式中打开子窗体(Child Window)
- iOS开发之有趣的UI —— MVVM设计模式
- 基于 Silverlight的快速开发框架RapidSL之MVVM解析
- android MVVM开发模式(三)
- 稳扎稳打Silverlight(52) - 4.0绑定之 ICommand 命令和 MVVM 模式
- 稳扎稳打Silverlight(52) - 4.0绑定之 ICommand 命令和 MVVM 模式
- 稳扎稳打Silverlight(52) - 4.0绑定之 ICommand 命令和 MVVM 模式
- 稳扎稳打Silverlight(52) - 4.0绑定之 ICommand 命令和 MVVM 模式
- 在WP8开发中的使用MVVM模式
- MVVM开发模式MVVM Light Toolkit
- MVVM 开发的几种模式讨论(WPF)