UXListBox & SelectedItem highlighting/visual selection

yudi — Fri, 19 Jul 2013 02:32:56 GMT

Please forgive me for lack of understanding about the reported problem.

I created a simple Silverlight project based on the described scenario. In my simple project, I have a page which shows UXListBox. The UXListBox control has its ItemsSource and SelectedItem property bind to ViewModel. I also implemented the same ItemTemplate shown in your initial message.

However, I was unable to reproduce the reported problem in my local end using the simple project. Everything worked smoothly and the visual highlighting/selection work without any issues.

I have the sample project enclosed as attachment. Please have the sample evaluated on your end and feel free to let me know if you find anything that I might miss during my attempt to replicate the problem.

UXListBox & SelectedItem highlighting/visual selection

irishbuddha@gmail.com — Thu, 18 Jul 2013 11:47:01 GMT

UXListBox with ItemsSource & SelectedItem binding. The SelectedItem is populated and works flawlessly behind the scenes, but the visual highlighting/selection of it does not work when changing between items, ie I change the ActiveCriteria which has a different .CurrentlySelectedScore.

Are there any known things that get in the way of the SelectedItem being highlighted that I can look for here or something I might just be overlooking?

Notes:
-Silverlight 5
-Not overriding the visualstate in regards to the listbox at this time, can if that is related to fixing this
-I took the contents of the datatemplate and bound it to the same binding as SelectedItem outside of the listbox and everything shows properly, verifying that it is correctly populated and that it changes based on selection of a new selecteditem properly.
-The only case the visual selection highlight does not show is when changing ActiveCriteria. First pass through it is fine, first/next/prev/last from there is when this occurs.

UXListBox XAML Below

        <Intersoft:UXListBox x:Name="Scores"
                             HorizontalScrollBarVisibility="Disabled"
                             Intersoft:DockPanel.IsFillElement="True"
                             IsEnabled="{Binding ScoringOnlyModeCriteriaSection.AllowScoring}"
                             SelectionMode="Single"
                             ItemsSource="{Binding Section.ActiveCriteria.ScoringDefinitions}"
                             SelectedItem="{Binding Section.ActiveCriteria.CurrentlySelectedScore, Mode=TwoWay}">
            <Intersoft:UXListBox.ItemTemplate>
                <DataTemplate>
                    <Border BorderBrush="Black"
                            BorderThickness="1"
                            CornerRadius="3">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" MinWidth="75" />
                                <ColumnDefinition Width="Auto" MinWidth="75" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" Text="{Binding Item.Score}" />
                            <TextBlock Grid.Column="1" Text="{Binding Item.ShortDefinition}" />
                        </Grid>
                    </Border>
                </DataTemplate>
            </Intersoft:UXListBox.ItemTemplate>
        </Intersoft:UXListBox>

Intersoft Community - ClientUI - UXListBox & SelectedItem highlighting/visual selection

UXListBox & SelectedItem highlighting/visual selection

UXListBox & SelectedItem highlighting/visual selection