{"id":3873,"date":"2012-11-22T09:23:41","date_gmt":"2012-11-22T00:23:41","guid":{"rendered":"http:\/\/www.moonmile.net\/blog\/archives\/3873"},"modified":"2012-11-22T00:26:35","modified_gmt":"2012-11-21T15:26:35","slug":"win8-defaultviewmodel-%e3%81%a8-datacontext-%e3%81%af%e5%90%8c%e6%99%82%e3%81%ab%e4%bd%bf%e3%81%88%e3%81%aa%e3%81%84","status":"publish","type":"post","link":"http:\/\/www.moonmile.net\/blog\/archives\/3873","title":{"rendered":"[win8] DefaultViewModel \u3068 DataContext \u306f\u540c\u6642\u306b\u4f7f\u3048\u306a\u3044"},"content":{"rendered":"<p>\n\u6628\u65e5\u306e\u7d9a\u304d\u3067\u3001\u6c17\u306b\u306a\u308b\u3068\u3053\u308d\u3092\u30c1\u30a7\u30c3\u30af\u3002\n<\/p>\n<p>\n\u3082\u3068\u3082\u3068\u3001WPF \u3068\u304b Silverlight \u3067\u306f DataContext \u3092\u4f7f\u3063\u3066\u3044\u305f&#8230;\u3088\u3046\u306a\u6c17\u304c\u3059\u308b\u306e\u3067\u3001\u3058\u3083\u3042\u3001Windows \u30b9\u30c8\u30a2 \u30a2\u30d7\u30ea\u3067\u767b\u5834\u3057\u305f\u300cDefaultViewModel\u300d\u3068\u306e\u9055\u3044\u306f\uff1f \u3068\u304b\u3001\u540c\u6642\u306b\u4f7f\u3048\u308b\u306e\u304b\uff1f \u3063\u3066\u3068\u3053\u308d\u3092\u8a66\u3057\u3066\u307f\u307e\u3059\u3002\n<\/p>\n<p>\n\u3048\u3048\u3001\u7d50\u8ad6\u304b\u3089\u8a00\u3048\u3070\u300c\u540c\u6642\u306b\u306f\u4f7f\u3048\u307e\u305b\u3093\u300d\u3002\u3068\u8a00\u3046\u304b\u3001\u304a\u305d\u3089\u304f DefaultViewModel \u306e\u30de\u30c3\u30d7\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u5185\u90e8\u52d5\u4f5c\u3068\u3057\u3066 DataContext \u3092\u4f7f\u3063\u3066\u3044\u308b\u3060\u308d\u3046\u304b\u3089\u3001\u540c\u6642\u306b\u306f\u4f7f\u3048\u3093\u306e\u3060\u308d\u3046\u3001\u3063\u3066\u306e\u304c\u7d50\u8ad6\u3067\u3059\u306d\u3002\n<\/p>\n<p>\n\u25a0\u753b\u9762\u306e\u6e96\u5099\n<\/p>\n<p>\n\u5b9f\u9a13\u7684\u306b\u4e0b\u8a18\u306e\u3088\u3046\u306a\u8868\u3092\u4f5c\u3063\u3066\u304a\u304d\u307e\u3059\u3002\n<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;Grid HorizontalAlignment=&amp;quot;Left&amp;quot; Height=&amp;quot;243&amp;quot; Margin=&amp;quot;32,38,0,0&amp;quot; Grid.Row=&amp;quot;1&amp;quot; VerticalAlignment=&amp;quot;Top&amp;quot; Width=&amp;quot;727&amp;quot;&gt;\n    &lt;Grid.ColumnDefinitions&gt;\n        &lt;ColumnDefinition Width=&amp;quot;200&amp;quot;\/&gt;\n        &lt;ColumnDefinition Width=&amp;quot;261*&amp;quot;\/&gt;\n        &lt;ColumnDefinition Width=&amp;quot;266*&amp;quot;\/&gt;\n    &lt;\/Grid.ColumnDefinitions&gt;\n    &lt;Grid.RowDefinitions&gt;\n        &lt;RowDefinition Height=&amp;quot;1*&amp;quot;\/&gt;\n        &lt;RowDefinition Height=&amp;quot;1*&amp;quot;\/&gt;\n        &lt;RowDefinition Height=&amp;quot;1*&amp;quot;\/&gt;\n        &lt;RowDefinition Height=&amp;quot;*&amp;quot;\/&gt;\n    &lt;\/Grid.RowDefinitions&gt;\n    &lt;TextBlock Grid.Row=&amp;quot;0&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; Text=&amp;quot;ID&amp;quot;\/&gt;\n    &lt;TextBlock Grid.Row=&amp;quot;1&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; Text=&amp;quot;Name&amp;quot;\/&gt;\n    &lt;TextBlock Grid.Row=&amp;quot;2&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; Text=&amp;quot;Address&amp;quot;\/&gt;\n    &lt;TextBlock Grid.Row=&amp;quot;3&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; Text=&amp;quot;Telephone&amp;quot;\/&gt;\n    &lt;!-- Buiding by DataContext --&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding ID}&amp;quot;\n        Grid.Row=&amp;quot;0&amp;quot; Grid.Column=&amp;quot;1&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot;\/&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Name}&amp;quot;\n        Grid.Row=&amp;quot;1&amp;quot; Grid.Column=&amp;quot;1&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; \/&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Address}&amp;quot;\n        Grid.Row=&amp;quot;2&amp;quot; Grid.Column=&amp;quot;1&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; \/&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Telephone}&amp;quot;\n        Grid.Row=&amp;quot;3&amp;quot; Grid.Column=&amp;quot;1&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot;\/&gt;\n\n    &lt;!-- Buiding by DefaultViewModel --&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Item.ID}&amp;quot;\n        Grid.Row=&amp;quot;0&amp;quot; Grid.Column=&amp;quot;2&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot;\/&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Item.Name}&amp;quot;\n        Grid.Row=&amp;quot;1&amp;quot; Grid.Column=&amp;quot;2&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; \/&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Item.Address}&amp;quot;\n        Grid.Row=&amp;quot;2&amp;quot; Grid.Column=&amp;quot;2&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot; \/&gt;\n    &lt;TextBlock \n        Text=&amp;quot;{Binding Item.Telephone}&amp;quot;\n        Grid.Row=&amp;quot;3&amp;quot; Grid.Column=&amp;quot;2&amp;quot; FontSize=&amp;quot;24&amp;quot; Margin=&amp;quot;10&amp;quot; TextWrapping=&amp;quot;Wrap&amp;quot;\/&gt;\n&lt;\/Grid&gt;\n<\/pre>\n<p>\n\u4f55\u3092\u3084\u3063\u3066\u3044\u308b\u304b\u3068\u3044\u3046\u3068\u3001\u5de6\u306b DataContext \u3067\u306e\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3001\u53f3\u306b DefaultViewModel \u3067\u306e\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306e\u8868\u3092\u4f5c\u3063\u3066\u3044\u308b\u3060\u3051\u3067\u3059\u3002\n<\/p>\n<p><a href='http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2012\/11\/wpid-cworkblogimage20121121_02org.jpg'><img border='0' src='http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2012\/11\/wpid-cworkblogimage20121121_02thum.jpg'\/><\/a><\/p>\n<p>\n\u25a0\u5b9f\u9a13\u30b3\u30fc\u30c9\n<\/p>\n<ul>\n<li>DataContext \u3060\u3051\u3067\u8a2d\u5b9a\u3059\u308b\u30d1\u30bf\u30fc\u30f3<\/li>\n<li>DefaultViewModel \u3092\u3060\u3051\u3067\u4f7f\u3046\u30d1\u30bf\u30fc\u30f3<\/li>\n<li>\u4e21\u65b9\u3092\u4f7f\u3046\u30d1\u30bf\u30fc\u30f3<\/li>\n<\/ul>\n<p>\n\u306e3\u3064\u3092\u7528\u610f\u3057\u3066\u304a\u304d\u307e\u3059\u3002\n<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\n\/\/\/ &lt;summary&gt;\n\/\/\/ DataContext \u306b\u8a2d\u5b9a\u3059\u308b\n\/\/\/ &lt;\/summary&gt;\n\/\/\/ &lt;param name=&amp;quot;sender&amp;quot;&gt;&lt;\/param&gt;\n\/\/\/ &lt;param name=&amp;quot;e&amp;quot;&gt;&lt;\/param&gt;\nprivate void clickDataContext(object sender, RoutedEventArgs e)\n{\n    var item = new DataModel()\n    {\n        ID = 10,\n        Name = &amp;quot;masuda&amp;quot;,\n        Address = &amp;quot;Tokyo&amp;quot;,\n        Telephone = &amp;quot;03-0000-0000&amp;quot;\n    };\n    this.DataContext = item;\n\n}\n\n\/\/\/ &lt;summary&gt;\n\/\/\/ DefaultViewModel \u306b\u8a2d\u5b9a\u3059\u308b\n\/\/\/ &lt;\/summary&gt;\n\/\/\/ &lt;param name=&amp;quot;sender&amp;quot;&gt;&lt;\/param&gt;\n\/\/\/ &lt;param name=&amp;quot;e&amp;quot;&gt;&lt;\/param&gt;\nprivate void clickDefaultViewModel(object sender, RoutedEventArgs e)\n{\n    var item = new DataModel()\n    {\n        ID = 10,\n        Name = &amp;quot;tomoaki&amp;quot;,\n        Address = &amp;quot;Osaka&amp;quot;,\n        Telephone = &amp;quot;06-1111-0000&amp;quot;\n    };\n    this.DefaultViewModel&#x5B;&amp;quot;Item&amp;quot;] = item;\n}\n\n\/\/\/ &lt;summary&gt;\n\/\/\/ \u4e21\u65b9\u3067\u8a2d\u5b9a\u3059\u308b\n\/\/\/ &lt;\/summary&gt;\n\/\/\/ &lt;param name=&amp;quot;sender&amp;quot;&gt;&lt;\/param&gt;\n\/\/\/ &lt;param name=&amp;quot;e&amp;quot;&gt;&lt;\/param&gt;\nprivate void clickDual(object sender, RoutedEventArgs e)\n{\n    var item1 = new DataModel()\n    {\n        ID = 10,\n        Name = &amp;quot;masuda&amp;quot;,\n        Address = &amp;quot;Tokyo&amp;quot;,\n        Telephone = &amp;quot;03-0000-0000&amp;quot;\n    };\n    var item2 = new DataModel()\n    {\n        ID = 10,\n        Name = &amp;quot;tomoaki&amp;quot;,\n        Address = &amp;quot;Osaka&amp;quot;,\n        Telephone = &amp;quot;06-1111-0000&amp;quot;\n    };\n    this.DataContext = item1;\n    this.DefaultViewModel&#x5B;&amp;quot;Item&amp;quot;] = item2;\n\n}\n<\/pre>\n<p>\n\u3055\u3066\u3001\u3053\u308c\u3067 Dual \u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3069\u3046\u306a\u308b\u306e\u304b\uff1f\u4e21\u65b9\u306b\u3046\u307e\u304f\u8868\u793a\u3055\u308c\u308b\u306e\u304b\uff1f\u3068\u3044\u3046\u3068\u3001\u5b9f\u306f\u9055\u3063\u3066\u3001DataContext \u306e\u307b\u3046\u3060\u3051\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n<\/p>\n<p><a href='http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2012\/11\/wpid-cworkblogimage20121121_03org.jpg'><img border='0' src='http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2012\/11\/wpid-cworkblogimage20121121_03thum.jpg'\/><\/a><\/p>\n<p>\n\u306a\u3093\u304b\u4e0d\u601d\u8b70\u3067\u3059\u304c\u300cDataContext\u300d\u3068\u300cDefaultViewModel\u300d\u306e\u30dc\u30bf\u30f3\u3092\u4ea4\u4e92\u306b\u62bc\u3059\u3068\u3001\u300cDataContext\u300d\u306e\u307b\u3046\u3057\u304b\u6b8b\u308a\u307e\u305b\u3093\u3002\u3064\u30fc\u304b\u3001\u304a\u305d\u3089\u304f DefaultViewModel \u306e\u307b\u3046\u306f\u4e0a\u66f8\u304d\u3055\u308c\u3061\u3083\u3063\u305f\u306e\u3067\u3057\u3087\u3046\u3002<br \/>\n\u306a\u306e\u3067\u3001\u3046\u3063\u304b\u308a DataContext \u3092\u4f7f\u3063\u305f\u30b3\u30fc\u30c9\u3092\u6d41\u7528\u3059\u308b\u3068\u3001\u65b0\u3057\u3044 DefaultViewModel \u3092\u4f7f\u3063\u305f\u3082\u306e\u304c\u52d5\u304b\u306a\u304f\u306a\u308b\u3001\u3063\u3066\u3044\u3046\u300c\u843d\u3068\u3057\u7a74\u300d\u304c\u3042\u308a\u307e\u3059\u306d\u3002\u307e\u3042\u3001\u3069\u3061\u3089\u304b\u7247\u65b9\u306e\u65b9\u5f0f\u3067\u7d71\u4e00\u3059\u308b\u3068\u3044\u3046\u3053\u3068\u3067\u3002\n<\/p>\n<p>\n\u3061\u306a\u307f\u306b\u3001DataContext \u306e\u307b\u3046\u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6e21\u3057\u3066\u5185\u90e8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u540d\u3092 Binding \u3059\u308b\u306e\u3067\u3001\u8907\u6570\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u3068\u3044\u3046\u7f60\u304c\u3042\u308a\u307e\u3059\u3002\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u3072\u3068\u3064\u306e DataModel \u3068\u3057\u3066\u307e\u3068\u3081\u3089\u308c\u308c\u3070\u3044\u3044\u306e\u3067\u3059\u304c\u3001\u753b\u9762\u306b\u3088\u3063\u3066\u306f\u8907\u6570\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u5272\u308a\u4ed8\u3051\u305f\u3044\u5834\u5408\u306f\u591a\u3005\u3042\u308a\u307e\u3059\u3002<br \/>\n\u306a\u306e\u3067\u3001DefaultViewModel \u306e\u3088\u3046\u306b\u3001\u8907\u6570\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08Item \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068 SubItem \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u304b\uff09\u3092\u6e21\u305b\u308b\u306e\u306f\u3001\u6539\u5584\u306a\u3093\u3067\u3057\u3087\u3046\u3001\u3084\u3063\u3071\u308a\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6628\u65e5\u306e\u7d9a\u304d\u3067\u3001\u6c17\u306b\u306a\u308b\u3068\u3053\u308d\u3092\u30c1\u30a7\u30c3\u30af\u3002 \u3082\u3068\u3082\u3068\u3001WPF \u3068\u304b Silverlight \u3067\u306f DataContext \u3092\u4f7f\u3063\u3066\u3044\u305f&#8230;\u3088\u3046\u306a\u6c17\u304c\u3059\u308b\u306e\u3067\u3001\u3058\u3083\u3042\u3001Windows \u30b9\u30c8\u30a2 \u30a2\u30d7\u30ea\u3067\u767b\u5834\u3057\u305f\u300cDe &hellip; <a href=\"http:\/\/www.moonmile.net\/blog\/archives\/3873\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[23,44],"tags":[],"class_list":["post-3873","post","type-post","status-publish","format-standard","hentry","category-csharp","category-windows-8"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/3873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/comments?post=3873"}],"version-history":[{"count":1,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/3873\/revisions"}],"predecessor-version":[{"id":3874,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/3873\/revisions\/3874"}],"wp:attachment":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/media?parent=3873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/categories?post=3873"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/tags?post=3873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}