</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->DataGrid for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Step 4 of 4: Running the Grid Application<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="IsWebOutputRootPageLinkEnabled" format="<a href='#' class='PageLink' id='viewInFrameLink' title='$$VIEW_WITH_NAVIGATION_TOOLS_TIP$$' style='display: none' data-root-page='%%WebOutputRootPage%%%%OutputFileExtension%%' target='_top'>$$VIEW_WITH_NAVIGATION_TOOLS_TEXT$$</a>" --><!--DXMETADATA end--> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="DataGrid-for-WPF-Silverlight-Overview.html">DataGrid for WPF and Silverlight Overview</a> > Getting Started > <a href="QuickStart.html">Quick Start</a> > Step 4 of 4: Running the Grid Application</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p>Now that you've created a grid application and bound the grid to a database, the only thing left to do is run your application. To run your grid application and observe Grid for WPF's run-time behavior, complete the following steps:</p> <ol> <li>From the Debug menu, select <strong>Start Debugging</strong> to view how your grid application will appear at run time.</li> <li>Click the <strong>ProductName</strong> header to sort the grid by product name. Notice that a sort indicator glyph appears to indicate the column being sorted and the direction of the sort.</li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p> <img border="0" alt="" src="Graphics/QuickStart/Step4_Sort.png"></p> </blockquote> <ol style="COUNTER-RESET: item 2" start="3"> <li> <div> Re-order the columns by clicking the ProductName column header and dragging it in front of the ProductID column header. The ProductName column will now appear as the first column in the grid: </div> </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p> </p> <p> <img border="0" alt="" src="Graphics/QuickStart/Step4_ColumnOrder.png"></p> </blockquote> <ol style="COUNTER-RESET: item 3" start="4"> <li> <div> Resize a column, here the <strong>ProductID</strong> column, by clicking the right edge of the column and dragging the edge to a new location. </div> </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p> </p> <p> <img border="0" alt="" src="Graphics/QuickStart/Step4_ColumnResizing.png"></p> </blockquote> <ol style="COUNTER-RESET: item 4" start="5"> <li> <div> Click once on a cell, edit the contents of that cell, and press the ENTER key. </div> </li> </ol> <p> </p> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p><img border="0" alt="" src="Graphics/QuickStart/Step4_ChangeName.png"></p> </blockquote> <p>Congratulations! You've completed the DataGrid for WPF quick start and created a DataGrid for WPF grid application, bound the grid to a data source, and viewed some of the run-time capabilities of your grid application.<br></p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright © <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a><!--DXMETADATA end--> </div> </body> </html>