StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The sequence is following:</p> <p>1) Move code from the MainWindow class to a custom class and set the <code>DataContext</code> property:</p> <pre><code>public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); this.DataContext = new MainWindowViewModel(); } } public class MainWindowViewModel { public MainWindowViewModel() { myData = new List<Item> { new Item{ Id=5, Description="Brown Car", Title="my car"}, new Item{Id=1,Description="sweet dog", Title="my dog"}, }; } public List<Item> MyData { get { return myData; } } List<Item> myData; } </code></pre> <p>2) Change the binding of the <code>DataGrid</code>:</p> <pre><code>ItemsSource="{Binding MyData}" </code></pre> <p>3) Add new ResourceDictionary with the name <code>DataGridSample.xaml</code>, open its properties (Right Click -> Properties), set the <code>BuildAction</code> property to the DesignData and clear the value of the <code>CustomTool</code> property.</p> <p>4) Copy this code, but change the namespace <code>vm</code> from the <code>WpfApplication1</code> to your one:</p> <pre><code><vm:MainWindowViewModel xmlns:vm="clr-namespace:WpfApplication1"> <vm:MainWindowViewModel.MyData> <vm:Item Id="1" Title="My dog" Description="Sweet dog" /> <vm:Item Id="5" Title="My car" Description="Brown car" /> </vm:MainWindowViewModel.MyData> </vm:MainWindowViewModel> </code></pre> <p>5) Return to the <code>MainWindow.xaml</code> and add next lines to the <code>Window</code> element where all the declarations are:</p> <pre><code>xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DataContext="{d:DesignData Source=DataGridSample.xaml}" </code></pre> <p>After that you can switch to the design mode and you will see the datagrid with two lines.</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