c# - How to link external Xaml page to a Grid in Universal Windows Platform? -


i want link external .xaml file grid in universal windows platform app.

this folder structure:

enter image description here

i want link listview.xaml grid declared inside mainpage.xaml

codes both file :

mainpage.xaml:

<page x:class="todogrocery.mainpage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:todogrocery" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d"> <grid background="{themeresource applicationpagebackgroundthemebrush}">     <grid.rowdefinitions>         <rowdefinition height="40"/>         <rowdefinition height="*"/>     </grid.rowdefinitions>     <grid x:name="gridview" grid.row="0" horizontalalignment="stretch"  margin="0,0,0,0" verticalalignment="top" height="40" background="#3a5194">         <grid.rowdefinitions>             <rowdefinition height="*"/>         </grid.rowdefinitions>         <grid.columndefinitions>             <columndefinition width="50"/>             <columndefinition width="*"/>             <columndefinition width="50"/>         </grid.columndefinitions>         <button x:name="backbutton" borderthickness="0" grid.column="0" horizontalalignment="stretch" verticalalignment="stretch" background="transparent">             <symbolicon  symbol="back" foreground="white" horizontalalignment="center" verticalalignment="center" width="40" height="40"/>         </button>         <textblock x:name="title" grid.column="1" horizontalalignment="center" fontsize="20" verticalalignment="center" foreground="white" text="todo grocery"></textblock>         <button x:name="morebutton" borderthickness="0" grid.column="2" horizontalalignment="stretch" verticalalignment="stretch" background="transparent">             <symbolicon symbol="more" foreground="white" horizontalalignment="center" verticalalignment="center" width="40" height="40"/>         </button>     </grid>        <grid grid.row="1">         <page><!-- link listview.xaml here--></page>     </grid> </grid> </page> 

listview.xaml

<page x:class="todogrocery.listview" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:todogrocery" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d" horizontalalignment="stretch" verticalalignment="stretch"> <grid background="white" horizontalalignment="stretch" verticalalignment="stretch" >     <grid.rowdefinitions>         <rowdefinition height="40"/>         <rowdefinition height="*"/>         <rowdefinition height="40"/>     </grid.rowdefinitions>     <grid x:name="listheader" grid.row="0" borderbrush="#d0d0d0" borderthickness="1">         <grid.columndefinitions>             <columndefinition width="1*"/>             <columndefinition width="40"/>             <columndefinition width="1*"/>         </grid.columndefinitions>         <grid grid.column="0">             <grid.columndefinitions>                 <columndefinition width="40"/>                 <columndefinition width="1*"/>             </grid.columndefinitions>             <checkbox grid.column="0" ischecked="true"></checkbox>             <textblock grid.column="1" text="name" horizontalalignment="left" verticalalignment="center" margin="10,9,0,9"></textblock>         </grid>         <button grid.column="1">             <symbolicon symbol="sort"/>         </button>         <textblock grid.column="2" text="quantity" horizontalalignment="right" verticalalignment="center" margin="0,0,20,0"></textblock>     </grid>     <grid x:name="listpanel" grid.row="1"></grid>     <grid x:name="buttonpanel" grid.row="2" background="#3a5194">         <grid.columndefinitions>             <columndefinition width="1*"/>             <columndefinition width="1*"/>         </grid.columndefinitions>         <button x:name="deleteallbutton" borderthickness="0" grid.column="0" horizontalalignment="stretch" verticalalignment="stretch" foreground="white" background="transparent">             <!--<symbolicon symbol="delete" foreground="white"/>-->             <stackpanel orientation="horizontal" height="30">                 <symbolicon symbol="delete" foreground="white"/>                 <textblock verticalalignment="center" foreground="white" margin="10,0,0,0">delete all</textblock>             </stackpanel>         </button>         <button x:name="addbutton" grid.column="1" borderthickness="0" horizontalalignment="stretch" verticalalignment="stretch" foreground="white" background="transparent">             <!--<symbolicon symbol="delete" foreground="white"/>-->             <stackpanel orientation="horizontal" height="30" width="100">                 <symbolicon symbol="add" foreground="white"/>                 <textblock verticalalignment="top" foreground="white" horizontalalignment="right" margin="15,5,0,0">add</textblock>             </stackpanel>         </button>     </grid> </grid> </page> 

so i'm planning app :

i having different external pages listview.xaml , whenever user clicks link or tab, part page linked should changed page has been asked for.

thanks. other ideas appreciated.

to include page inside of another, use frame object:

<grid grid.row="1">     <frame x:name="mainframe"></frame> </grid> 

then, load page inside of frame, call navigate method:

this.mainframe.navigate(typeof(todogrocery.listview)); 

Comments

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

reactjs - React router and this.props.children - how to pass state to this.props.children -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -