您的位置:首页 > 其它

Silverlight开发之MVVM模式

2011-07-11 23:07 302 查看
前段时间做Silverlight开发,用到了经典的MVVM开发模式,MVVM开发模式的组织形式有多种,但是万变不离其中,就是Module-View-ViewModule的形式,下面就以一个最简单的示例来讲解一下。
首先打开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();

最后将解决方案生成,在浏览器中查看,就可以看到下图所示的结果了:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: