StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
18413898
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-08-24T01:00:09.953
FavoriteCount
0
LastActivityDate
2013-08-24T01:06:25.730
LastEditDate
2013-08-24T01:06:25.730
LastEditorUserId
1558683
OwnerUserId
1558683
ParentId
18412922
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
Made some minor changes to your code as explained below. <pre><code> class ListingItem { public string title { get; set; } public string user { get; set; } public string category { get; set; } //Dummy constructor for test purposes public ListingItem() { title = "TestTitle"; user = "TestUser"; category = "TestCatagory"; } } </code></pre> <ul> <li>The list item class, I changed the title, user and category to properties (get;set;). I also needed to make them public so they could be accessed through the binding.</li> </ul> <pre><code> class ListMaker { public static List getListing() { List listing = new List(); for (int i = 0; i < 100; i++) { listing.Add(new ListingItem()); } return listing; } } </code></pre> <ul> <li>No changes to your ListMaker class</li> </ul> <pre><code> public class CommandHandler : ICommand { private Action _action; private bool _canExecute; public CommandHandler(Action action, bool canExecute=true) { _action = action; _canExecute = canExecute; } public bool CanExecute(object parameter) { return _canExecute; } public event EventHandler CanExecuteChanged; public void Execute(object parameter) { _action(); } } </code></pre> <ul> <li>I introduced a new class to be able to bind the button. This kind of class if relatively common</li> </ul> <pre><code> <Window x:Class="SimpleDatabinding.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:viewmodel="clr-namespace:SimpleDatabinding" Title="MainWindow" Height="350" Width="525"> <Window.DataContext> <viewmodel:MainWindowViewModel/> </Window.DataContext> <Grid> <DockPanel> <Button Command="{Binding FillListCommand}" DockPanel.Dock="Top">Fill List</Button> <ListBox ItemsSource="{Binding Listing}" DockPanel.Dock="Top"> <ListBox.ItemTemplate> <DataTemplate> <StackPanel Orientation="Vertical"> <StackPanel Orientation="Horizontal"> <TextBlock Foreground="Gray" Margin="25,0,0,0" Text="{Binding user}"/> <TextBlock Foreground="Gray" Margin="25,0,0,0" Text="{Binding category}"/> </StackPanel> <TextBlock Foreground="Black" Width="270" TextWrapping="Wrap" Text="{Binding title}"/> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> </ListBox> </DockPanel> </Grid> </Window> </code></pre> <ul> <li>Note the addition of xmlns:viewmodel="clr-namespace:SimpleDatabinding". SimpleDatabinding was the name of the project. It's used to locate the view model in the datacontext below. </li> <li>The Window.DataContext binds the WPF page to the view model. I called my class MainWindowViewModel (see below). This will automatically create an instance of the view model and bind it to the window.</li> <li>I introduced a button to click. It's bound to a command FillListCommand. I'll define that in the view model below.</li> <li>I updated the ItemsSource on the ListBox to be bound to the Listing property.</li> <li>Other than that, I think it's the same.</li> </ul> <pre><code> class MainWindowViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; public List Listing { get; set; } public CommandHandler FillListCommand { get; set; } public MainWindowViewModel() { FillListCommand = new CommandHandler(DoFillList); } public void DoFillList() { Listing = ListMaker.getListing(); ProperyHasChanged("Listing"); } private void ProperyHasChanged(string propertyName) { if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } } </code></pre> <ul> <li>Finally in the viewmodel class, I implemented the INotifyPropertyChanged interface. This is the mechanism to notify the UI that a value on your view model has changed. In most implementations, this is wrapped in some sort of ViewModel base class but I left it in so you could see it.</li> <li>As above, I converted the Listing variable to a public property (get;set;) so it could be accessed through the binding.</li> <li>I created a CommandHandler property called FillListCommand. This uses the class above. The button is bound to this variable. The constructor of the view model initializes and points it to the function to be called when the button is clicked.</li> <li>Finally, in the DoFillList function, I initialize Listing as you had it but I also use the notification to let the UI know it's changed.</li> </ul> Sorry about all the writing. Hope this is somewhat helpful. I don't think it's too different from what you had. 
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POWhy isn't this data binding working?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USPeter Trenery
UserOwnerUserId
1. USPeter Trenery
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. COWhich parts of this can I cut out if I don't want automatic updates to the UI when data changes? The nature of the app I'm working on is that the UI should be refreshed through manual user action only.
 singulars
 PostPostId
 PO
 UserUserId
 USStolenKitten

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.