wp8将每个数据透视项绑定到不同的列表
本文关键字:列表 绑定 数据 透视 wp8 | 更新日期: 2023-09-27 18:14:18
我已经用Pivot控件创建了WP8应用程序。有5个数据透视项,其中3个应绑定到3个列表或一个具有不同筛选数据的列表。如何做到这一点?
XAML:
<phone:Pivot Name="PControl" Grid.Row="1" Style="{StaticResource PivotStyle}">
<phone:PivotItem>
<phone:PivotItem.Header>
<Grid Height="80">
<TextBlock Text="offer" FontSize="45" Height="80" />
</Grid>
</phone:PivotItem.Header>
<phone:LongListSelector Margin="0,0,0,0" ItemsSource="{Binding lstOffer}">
<phone:LongListSelector.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,17">
<TextBlock Text="some binding" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource TextBlockMnuTekst}"/>
</StackPanel>
</DataTemplate>
</phone:LongListSelector.ItemTemplate>
</phone:LongListSelector>
</phone:PivotItem>
</phone:Pivot>
.
.
.
<phone:PivotItem>
<phone:PivotItem.Header>
<Grid Height="80">
<TextBlock Text="services" FontSize="45" Height="80" />
</Grid>
</phone:PivotItem.Header>
<phone:LongListSelector Margin="0,0,0,0" ItemsSource="{Binding lstServices}">
<phone:LongListSelector.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,17">
<TextBlock Text="some binding" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource TextBlockMnuTekst}"/>
</StackPanel>
</DataTemplate>
</phone:LongListSelector.ItemTemplate>
</phone:LongListSelector>
</phone:PivotItem>
C#:
public class clsPivotData
{
public string Name { get; set; }
public List<clsPivotItemList> PivotItemList { get; set; }
public clsPivotData()
{
PivotItemList = new List<clsPivotItemList>();
}
}
public class clsPivotItemList
{
public string id { get; set; }
public string ssubname { get; set; }
public string visible { get; set; }
public string icon { get; set; }
public string itemType { get; set; }
public string url { get; set; }
public string desc { get; set; }
}
public partial class MainPage : PhoneApplicationPage
{
public ObservableCollection<clsPivotData> Items { get; set; }
public static MainPage CurrentMainPage;
public List<clsPivotData> lstOffer { get; set; }
public List<clsPivotData> lstServices { get; set; }
public List<clsPivotData> lstInfo { get; set; }
// Constructor
public MainPage()
{
InitializeComponent();
CurrentMainPage = this;
// Set the data context of the listbox control to the sample data
DataContext = App.ViewModel;
lstOffer = new List<clsPivotData>(from i in Items where i.Name == "offer" select i);
lstServices = new List<clsPivotData>(from i in Items where i.Name == "services" select i);
lstInfo = new List<clsPivotData>(from i in Items where i.Name == "info" select i);
.
.
.
我在lstOffer和lstServices中得到了正确的数据,但没有显示加载数据,这不是问题所在。我不知道如何将LongListSelector中的TextBlock(Text=某种绑定(绑定到属性ssubname,它是clsPivotItemList类的属性,List是clsPivetData类的属性。
尝试此<TextBlock Text="{Binding ssubname}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource TextBlockMnuTekst}"/>
<Grid Datacontext="{Binding lstOffer }">
<phone:LongListSelector Margin="0,0,0,0" ItemsSource="{Binding PivotItemList }">
<phone:LongListSelector.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,17">
<TextBlock Text="{Binding ssubname}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource TextBlockMnuTekst}"/>
</StackPanel>
</DataTemplate>
</phone:LongListSelector.ItemTemplate>
</phone:LongListSelector>
</Grid>
public ObservableCollection<clsPivotData> Items { get; set; }
public ObservableCollection<clsPivotData> lstOffer { get; set; }
public ObservableCollection<clsPivotData> lstServices { get; set; }
public ObservableCollection<clsPivotData> lstInfo { get; set; }
// Constructor
public MainViewModel()
{
this.Items = new ObservableCollection<clsPivotData>();
LoadData();
lstOffer = Items.Where(o => o.Name == "offer").FirstOrDefault().PivotItems;
lstServices = Items.Where(o => o.Name == "service").FirstOrDefault().PivotItems;
lstInfo = Items.Where(o => o.Name == "info").FirstOrDefault().PivotItems; }
在XAML中,我以这种方式插入了ListBox:
<ListBox Margin="0,0,0,0" ItemsSource="{Binding lstOffer}">
<ListBox.ItemTemplate>
<DataTemplate>
<ItemsControl>
<StackPanel Margin="0,0,0,17">
<TextBlock Text="{Binding ssubname}" TextWrapping="Wrap" Margin="12,0,12,0" Style="{StaticResource TextBlockMnuTekst30}"/>
</StackPanel>
</ItemsControl>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
.
.
.
在以前的解决方案中,lstOffer、lstServices和lstInfo不在MainVewModel中,而是在MainPage中,并且MainPage的DataContext被设置为MainViewModel ViewModel对象。这个新的解决方案给了我预期的结果,这意味着ListBox已经被填充。