列表选择器不显示项目。

时间:2013-07-01 15:54:52

标签: c# windows-phone-7 viewmodel listpicker

我有一个列表选择器,当点击控件选择另一个项目时看起来它会起作用但是全是白色我有时可以选择另一个项目,但是在你关闭之前无法看到所选项目它的。这就是我设置它的方式。当我将其设置为完整模式时,名称空间是唯一不显示项目实际名称的东西。我想要做的就是加载我需要加载listPicker的视图。

<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Name="PickerItemTemplate" >
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding TankTypeName}" Style="{StaticResource  PhoneTextNormalStyle}"/>
        </StackPanel>
    </DataTemplate>
    <DataTemplate x:Name="PickerFullModeItemTemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding TankTypeName}" Style="{StaticResource PhoneTextNormalStyle}" FontFamily="{StaticResource PhoneFontFamilyLight}"/>
        </StackPanel>
    </DataTemplate>
</phone:PhoneApplicationPage.Resources>


<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <TextBox Height="72" HorizontalAlignment="Left" Margin="0,50,0,0" Name="TextBoxProjectName" Text="" VerticalAlignment="Top" Width="456" />
    <TextBlock Height="30" HorizontalAlignment="Left" Margin="12,28,0,0" Name="TextBlockProjectName" Text="Tank Name:" VerticalAlignment="Top" />
    <toolkit:ListPicker Header="Tank Type:" ItemsSource="{Binding TankTypes}"
                             ItemTemplate="{StaticResource PickerItemTemplate}" 
                            FullModeItemTemplate="{Binding PickerFullModeItemTemplate}"
                            SelectedItems="{Binding SelectedTankTypes,Mode=TwoWay}"

                            Height="100" HorizontalAlignment="Left" 
                            Margin="6,144,0,0" Name="ListPickerTankType" 
                            VerticalAlignment="Top" Width="444" >
    </toolkit:ListPicker>
</Grid>

查看模型

private List<TankType> _tankType;

private ObservableCollection<Object> _selectedTankType= new ObservableCollection<object>(); 

    /// <summary>
    /// Collection of Tank Type objects.
    /// </summary>
public List<TankType> TankTypes
{
    get 
    { 
        return _tankType; 
    }

    set 
    {
        if (value != _tankType) 
        {
            _tankType = value;
            NotifyPropertyChanged("TankType");
        }
    }
}


public ObservableCollection<object> SelectedTankTypes
{
    get 
    { 
        return _selectedTankType; 
    }

    set 
    {
        if (_selectedTankType == value) 
        {
            return;
        }

        _selectedTankType = value;
        NotifyPropertyChanged("SelectedTankTypes");
    }
}

这是一个编辑页面,所以在视图的构造函数中。

public TaskDetail() 
{
     InitializeComponent();
     var tankTypeViewModel = new ViewModels.TankVewModel();
     tankTypeViewModel.GetTankTypes();
     ListPickerTankType.DataContext = tankTypeViewModel;
}

修改好了我删除了listpicker上的高度,现在可以看到它变大了所以三个项目就在那里。我似乎无法将字体颜色更改为黑色,因此当您单击listpicker时我可以看到它。

1 个答案:

答案 0 :(得分:0)

想出来。我需要移除高度并将前景色设置为黑色。