StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>First, this:</p> <pre><code>dgFruit.ItemsSource = "{Binding}" </code></pre> <p>should set the items source to a string containing the word Binding in braces. This is almost certainly not what you want (in fact, if you do this you should end up with a grid with nine rows, one for each character in the string!). You can set the ItemsSource in the XAML, or the code behind, but you shouldn't do both. Try the following:</p> <pre><code><toolkit:DataGrid Name="dgFruit" ItemsSource="{Binding}"> ... </toolkit:DataGrid> </code></pre> <p>And then in your visual's constructor:</p> <pre><code>... InitializeComponents(); this.DataContext = fruitList; ... </code></pre> <p>Now the data context for your whole visual is the List<Fruit>, and the ItemsSource of your grid is set to be the same object. I'm assuming here that fruitList is a field of the visual itself.</p> <p>The bindings for your columns should look something like:</p> <pre><code> <toolkit:DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="5*" /> <toolkit:DataGridComboBoxColumn Header="Color" ItemsSource="{Binding Source={StaticResource AllColors}}" SelectedValueBinding="{Binding Path=Color}" TextBinding="{Binding Path=Color}" Width="5*" /> </code></pre> <p>Where AllColors is defined as a resource (in this case):</p> <pre><code><x:Array x:Key="AllColors" Type="sys:String"> <sys:String>Orange</sys:String> <sys:String>Yellow</sys:String> </x:Array> </code></pre> <p>This should get you started.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload