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:
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
Post a Comment