2012-08-25 39 views
0

在下面的第一个模块中,我故意错过了命名的绑定语句之一,所以我可以比较我的第二个模块。区别在于'ag2.item ...'行中未找到的属性。
item是我的模特。
MVVM绑定错误?

在块2中,您可以看到它指向我的视图模型(ag2.viewModel.itemViewModel)。

我需要在我的XAML或我的代码隐藏中做些什么才能让它指向我的类而不是viewmodel?

1座:

BindingExpression path error: 'itemModel1' property not found on 'ag2.item, ag2, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'. BindingExpression: Path='itemModel1' DataItem='ag2.item, ag2, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'; target element is 'Windows.UI.Xaml.Controls.TextBlock' (Name='null'); target property is 'Text' (type 'String')

2座:

BindingExpression path error:'itemModel' property not found on 'ag2.viewModel.itemViewModel, ag2, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'. BindingExpression: Path='itemModel' DataItem='ag2.viewModel.itemViewModel, ag2, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'; target element is 'Windows.UI.Xaml.Controls.TextBlock' (Name='null'); target property is 'Source' (type 'String')

代码后面块2:

itemViewModel VM = new itemViewModel((Int32)navigationParameter); 
    DataContext = VM; 

我也请注意,在块1中,我正在绑定到设置了ItemSource="{Binding item}"的GridView。

块2我建立使用该网格和我的TextBlocks UI:Text="{Binding Path=itemModel}"

更新:在努力尝试,以获得更好的理解。我将代码放在那里:这里是XAML,下面是ViewModel,下面是我的模型...我是MVVM的新手,所以我真的不知道我做错了什么。任何帮助是极大的赞赏。

XAML:

<common:LayoutAwarePage 
    x:Name="pageRoot" 
    x:Class="autoGarage2.VehicleItemDetailPage" 
    IsTabStop="false" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:common="using:autoGarage2.Common" 
    xmlns:local="using:autoGarage2" 
    xmlns:data="using:autoGarage2" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"> 


    <!-- 
     This grid acts as a root panel for the page that defines two rows: 
     * Row 0 contains the back button and page title 
     * Row 1 contains the rest of the page layout 
    --> 
    <Grid Style="{StaticResource LayoutRootStyle}"> 

     <Grid.RowDefinitions> 
      <RowDefinition Height="140"/> 
      <RowDefinition Height="2*"/> 
     </Grid.RowDefinitions> 

     <!-- Back button and page title --> 
     <Grid 
     Style="{StaticResource LayoutRootStyle}" Grid.Row="0"> 

      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions> 
      <Button x:Name="backButton" Click="GoBack" IsEnabled="{Binding Frame.CanGoBack, ElementName=pageRoot}" Style="{StaticResource BackButtonStyle}"/> 
      <TextBlock x:Name="pageTitle" Text="{StaticResource AppName}" Style="{StaticResource PageHeaderTextStyle}" Grid.Column="1"/> 
     </Grid> 



     <Grid Grid.Row="1"> 


      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="3*"/> 
       <RowDefinition Height="1*"/> 
      </Grid.RowDefinitions> 


       <StackPanel Grid.Row="0" Orientation="Horizontal" Width="auto" Margin="50,0,0,0" VerticalAlignment="Top" > 
        <Grid HorizontalAlignment="Left" Width="250" Height="250"> 
         <Border Background="White" BorderBrush="CornflowerBlue" BorderThickness="1"> 
           <Image Source="{Binding Image}" Margin="50"/> 
          </Border> 
          <StackPanel VerticalAlignment="Bottom" Background="CornflowerBlue"> 
           <StackPanel Orientation="Horizontal" DataContext="{Binding vehicles}"> 
           <TextBlock Text="{Binding VehicleMake}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource PageSubheaderTextStyle}" Margin="5"/> 
           <TextBlock Text="{Binding VehicleModel}" Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}" Style="{StaticResource PageSubheaderTextStyle}" Margin="5"/> 
           </StackPanel> 
          </StackPanel> 
         </Grid> 
       </StackPanel> 
        <StackPanel Grid.Row="0" Grid.Column="1"> 
         <Grid Margin="20,0,0,20"> 
          <Grid.RowDefinitions> 
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/>         
           <RowDefinition Height="1*"/>         
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/>         
           <RowDefinition Height="1*"/>  
           <RowDefinition Height="1*"/> 
           <RowDefinition Height="1*"/> 
           <RowDefinition/>         
          </Grid.RowDefinitions> 

          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="1*"/> 
           <ColumnDefinition Width="1*"/> 
           <ColumnDefinition Width="2*"/> 
          </Grid.ColumnDefinitions> 






          <TextBlock Text="Vehicle Make:" Grid.Row="0" Grid.Column="0" FontSize="25" Foreground="Black" /> 
          <TextBox Text="{Binding Path=VehicleMake}" Grid.Row="0" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/> 

          <TextBlock Text="Vehicle Model:" FontSize="25" Foreground="Black" Grid.Row="1" Grid.Column="0"/> 
          <TextBox Text="{Binding VehicleModel}" Grid.Row="1" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/>        

          <TextBlock Text="Vehicle Year:" FontSize="25" Foreground="Black" Grid.Row="2" Grid.Column="0"/> 
          <TextBox Text="{Binding VehicleYear}" Grid.Row="2" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/> 

          <TextBlock Text="License Plate:" FontSize="25" Foreground="Black" Grid.Row="3" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="3" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/> 

          <TextBlock Text="VIN #" FontSize="25" Foreground="Black" Grid.Row="4" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="4" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1" />  

          <TextBlock Text=" Current Mi/Km" FontSize="25" Foreground="Black" Grid.Row="5" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="5" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/>    

          <TextBlock Text="" FontSize="25" Foreground="Black" Grid.Row="6" Grid.ColumnSpan="2"/> 

          <TextBlock Text="Last Oil Change" FontSize="25" Foreground="Black" Grid.Row="7" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="7" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/>    

          <TextBlock Text="Last Oil Change Mi/Km" FontSize="25" Foreground="Black" Grid.Row="8" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="8" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/> 

          <TextBlock Text="" FontSize="25" Foreground="Black" Grid.Row="9" Grid.ColumnSpan="2"/> 

          <TextBlock Text="Reminder Mi/Km" FontSize="25" Foreground="Black" Grid.Row="10" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="10" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/>  

          <TextBlock Text="Reminder Month(s)" FontSize="25" Foreground="Black" Grid.Row="11" Grid.Column="0"/> 
          <TextBox Text="" Grid.Row="11" Grid.Column="1" FontSize="25" BorderBrush="CornflowerBlue" BorderThickness="1"/>       

         </Grid>      
       </StackPanel> 

      </Grid> 

    </Grid> 
</common:LayoutAwarePage> 

视图模型:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using System.Collections.ObjectModel; 
using Windows.Foundation.Collections; 
using System.IO; 


namespace autoGarage2.viewModel 
{ 
    class vehicleViewModel 
    { 
     private IList<vehicle> m_vehicles; 
     private IList<vehicle> m_vehicleItem; 

     public IList<vehicle> vehicles 
     { 
      get { return m_vehicles; } 
      set { m_vehicles = value; } 
     } 

     public IList<vehicle> vehicleItem 
     { 
      get { return m_vehicleItem; } 
      set { m_vehicleItem = value; } 
     } 

     private IList<vehicle> getVehicleDetail(Int32 vId) 
     { 
      var vehicleItem = 
       from v in vehicles 
       where v.VehicleId == vId 
       select v; 
      if (vId > 0) 
      { 
       //vehicles.Clear(); 
       m_vehicles = new List<vehicle>(); 
       foreach (var item in vehicleItem) 
       { 
        m_vehicles = new List<vehicle> 
        { 
         new vehicle(item.VehicleId, item.VehicleMake.ToString(), item.VehicleModel.ToString(), item.VehicleYear, item.Image.ToString()) 
        }; 
        //vehicle myVehicle = new vehicle(item.VehicleId, item.VehicleMake.ToString(), item.VehicleModel.ToString(), item.VehicleYear, item.Image.ToString()); 
        //m_vehicles.Add(myVehicle); 
       } 

      } 

      return m_vehicles; 
     } 

     public vehicleViewModel(Int32 vId) 
     { 
       m_vehicles = new List<vehicle> 
       {   
       new vehicle(1, "Mazda", "3", 2011, "Assets/car2.png"), 
       new vehicle(2, "Chevy", "Tahoe", 2004, "Assets/jeep1.png"), 
       new vehicle(3, "Honda", "Goldwing", 2007 ,"Assets/moto1.png") 
       }; 

       if (vId > 0) 
       { 
        //m_vehicles = new List<vehicle>(); 
        //m_vehicles = 
        //getVehicleDetail(vId); 
        m_vehicles = new List<vehicle> 
        {   
        new vehicle(2, "Chevy", "Tahoe", 2004, "Assets/jeep1.png"), 
        }; 

       } 
     } 



     #region dbCode 

     //string dbName = "vehicle.db"; 


     //var dbPath = Path.Combine(Windows.Storage.ApplicationData.Current.LocalFolder.Path, dbName);  
     //using (var db = new SQLite.SQLiteConnection(dbPath))  
     // { 
     //  var list = db.Table<vehicle>().ToList(); 
     //  m_vehicles = new List<vehicle>(); 
     //  for (Int32 i = 0; i < list.Count; i++) 
     //  { 
     //   //m_vehicles.Add(db.Table<vehicle>().ToList()); 
     //  } 
     // } 




     //foreach (vehicle item in m_vehicles) 
     //{ 
     // AllItems.Add(item); 
     //}  
     #endregion 

    } 
} 

型号:

using System; 
using System.Collections.Generic; 
using System.ComponentModel; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
//using SQLite; 
using Windows.UI.Xaml.Media; 
using Windows.UI.Xaml.Media.Imaging; 

namespace autoGarage2 
{ 
    class vehicle : autoGarage2.Common.BindableBase 
    { 
     public vehicle() 
     { 
     } 

     public vehicle(string imagePath) 
     { 
      this._imagePath = imagePath; 
     } 
     public vehicle(Int32 vId, string vMake, string vModel, Int16 vYear, string imagePath) 
     { 
      this.m_vehicleID = vId; 
      this.m_vehicleMake = vMake; 
      this.m_vehicleModel = vModel; 
      this.m_vehicleYear = vYear; 
      this.m_vehicleName = vMake + " " + vModel; 
      this._imagePath = imagePath; 
     } 


     private Int32 m_vehicleID; 

     private String m_vehicleMake; 
     private String m_vehicleModel; 
     private Int16 m_vehicleYear; 
     private string m_vehicleName; 


     private ImageSource _image = null; 
     private String _imagePath = null; 
     private static Uri _baseUri = new Uri("ms-appx:///"); 

     //[AutoIncrement, PrimaryKey] 
     public Int32 VehicleId 
     { 
      get 
      { 
       return m_vehicleID; 
      } 
      set 
      { 
       m_vehicleID = value; 
       OnPropertyChanged("VehicleId"); 
      } 
     } 

     public String VehicleMake 
     { 
      get 
      { 
       return m_vehicleMake; 
      } 
      set 
      { 
       m_vehicleMake = value; 
       OnPropertyChanged("VehicleMake"); 
      } 
     } 

     public String VehicleModel 
     { 
      get 
      { 
       return m_vehicleModel; 
      } 
      set 
      { 
       m_vehicleModel = value; 
       OnPropertyChanged("VehicleModel"); 
      } 
     } 
    public Int16 VehicleYear 
    { 
     get 
     { 
      return m_vehicleYear; 
     } 
     set 
     { 
      m_vehicleYear = value; 
      OnPropertyChanged("VehicleYear"); 
     } 
    } 

    public string VehicleName 
    { 
     get 
     { 
      return m_vehicleName; 
     } 
     set 
     { 
      m_vehicleName = value; 
      OnPropertyChanged("VehicleName"); 
     } 
    } 

    public ImageSource Image 
    { 
     get 
     { 
      if (this._image == null && this._imagePath != null) 
      { 
       this._image = new BitmapImage(new Uri(vehicle._baseUri, this._imagePath)); 
      } 
      return this._image; 
     } 

     set 
     { 
      this._imagePath = null; 
      this.SetProperty(ref this._image, value); 
     } 
    } 

    public void SetImage(String path) 
    { 
     this._image = null; 
     this._imagePath = path; 
     this.OnPropertyChanged("Image"); 
    } 
} 

}

+0

这是有点不清楚你在做什么,你想达到什么。你的视图模型的结构是什么?你的XAML的结构是什么?你想绑定到itemModel吗? itemModel在哪里定义? –

+0

请查看更新后的问题。我添加了一切。如果你能帮助它将非常感谢 – webdad3

+0

请也澄清你遇到的问题。上面的问题似乎引用了ItemModel的绑定错误,但是没有绑定到您的XAML中的ItemModel。哪个'TextBox'导致错误,你想要绑定到什么?你的DataContext在哪里设置了视图? –

回答

0

我没能看到它,所以我能够在周末看到我的数据。基本上我注意到,我得到一个绑定错误,指出它无法在我的autoGarage2.vehicles列表中找到该属性。因此,对于我的笑容,我以这样的方式开头:

{Binding vehicles[0].vehicleModel} 

我下次运行它时,数据就在那里。在考虑了更多之后,我决定创建一个单一的车辆对象,而不是填充列表对象,而是仅填充单个车辆属性。现在我正在做这样的事情:

{Binding vehicleSingle.vehicleModel} 

谢谢你的帮助。我想这只是MVVM如何在XAML中工作的细微差别......

1

这听起来像你想你的TextBlock数据绑定到不同的对象,而不是ViewModel(这是您的窗口/控件的DataContext)。如果这是正确的,则需要将TextBlockDataContext或父Grid设置为要DataBind所对应的对象。

DataContext用于确定控件的DataBind路径,并沿着可视树继承。因此,如果您的DataContext设置为MyViewModel,并且您使用Text="{Binding Path=itemModel}",则绑定路径将为MyViewModel.itemModel

如果您不想在绑定路径中包含MyViewModel,则需要更改相关控件的DataContext或包含控件的DataContext。对于MVVM,这通常是通过将另一个对象作为ViewModel的属性公开来完成的。所以,如果你有MyViewModel属性ItemModel:

public class ItemModel 
{ 
    public string Property1 { get; } 
    public string Property2 { get; } 
} 

public class MyViewModel 
{ 
    public ItemModel ItemModel { get; private set; } 
} 

那么你的XAML看起来是这样的(假设MyViewModel是父窗口/控件的DataContext的)。

<Grid Grid.Row="1" DataContext="{Binding ItemModel}"> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition/> 
    </Grid.RowDefinitions> 
    <TextBlock Text="{Binding property1}"/> 
    <TextBlock Text="{Binding Property2}" Grid.Row="1"/> 
</Grid> 

而这两个文本框将绑定到ItemModel对象的Property1和Property2。

+0

请参阅我更新的问题。希望我的代码能够帮助识别我做错了什么。 – webdad3

1

您似乎试图绑定到列表,但您没有在您的XAML中使用任何ItemsControl。你可能应该使用类似ListView的东西,将它的ItemsSource绑定到你的车辆或vehicleItem列表中,使用ItemTemplate/DataTemplate来定义集合中每个项目的外观,如果你的集合更改或者引发INotifyPropertyChanged.PropertyChanged通知,则使用ObservableCollection。你的收藏等。否则,我会建议阅读一些关于绑定ItemsControls或关于XAML的一般书籍,如Adam Nathan的WPF Unleashed。看来你正在设置你的m_vehicles,只是在下一个语句中用新的替换它。另外 - 你正在设置StackPanel的DataContext到你的列表中,这是允许的,但它不起作用,因为你的StackPanel的元素的DataContext仍然是整个列表而不是它的项目,这是你得到的使用ItemsControl。

+0

谢谢你的回答。我实际上已经开始工作了。我会发布我以后做的事情。 – webdad3