c# - GridView Data overlays with Header after vertical scrolling in Microsoft Store App -
i have gridview looks follows:
<page x:name="pageroot" x:class="view.servicemodule" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:view" xmlns:common="using:view.common" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d"> <page.resources> <collectionviewsource x:name="groupeditemsviewsource" source="{binding servicetasksfiltered}" issourcegrouped="true" itemspath="servicetasksfiltered"> </collectionviewsource> </page.resources> <grid background="{themeresource applicationpagebackgroundthemebrush}"> <grid.childrentransitions> <transitioncollection> <entrancethemetransition/> </transitioncollection> </grid.childrentransitions> <grid.rowdefinitions> <rowdefinition height="140"/> <rowdefinition height="*"/> </grid.rowdefinitions> <gridview visibility="collapsed" x:name="servicetasksfilteredgridview" tabindex="1" grid.rowspan="2" padding="116,136,116,46" itemssource="{binding servicetasksfiltered, mode=twoway}" selectionmode="none" isswipeenabled="false" isitemclickenabled="true" scrollviewer.verticalscrollmode="auto" scrollviewer.verticalscrollbarvisibility="auto" verticalalignment="top"> <gridview.itemcontainerstyle> <style targettype="gridviewitem"> <setter property="horizontalalignment" value="stretch"/> <setter property="horizontalcontentalignment" value="stretch"/> </style> </gridview.itemcontainerstyle> <gridview.itemspanel> <itemspaneltemplate> <stackpanel horizontalalignment="stretch"/> </itemspaneltemplate> </gridview.itemspanel> <gridview.header> <grid> <grid.columndefinitions> <columndefinition width="100"></columndefinition> <columndefinition width="200"></columndefinition> <columndefinition width="500"></columndefinition> <columndefinition width="300"></columndefinition> <columndefinition width="300"></columndefinition> </grid.columndefinitions> <textblock text="debitornr." textwrapping="wrap" fontsize="24" fontweight="bold"/> <textblock grid.column="1" text="name" textwrapping="wrap" fontsize="24" fontweight="bold"/> <textblock grid.column="2" text="belegnr." textwrapping="wrap" fontsize="24" fontweight="bold"/> <textblock grid.column="3" text="reaktionsdatum" textwrapping="wrap" fontsize="24" fontweight="bold"/> <textblock grid.column="4" text="priorität" textwrapping="wrap" fontsize="24" fontweight="bold"/> </grid> </gridview.header> <gridview.itemtemplate> <datatemplate> <grid> <grid.columndefinitions> <columndefinition width="100"></columndefinition> <columndefinition width="200"></columndefinition> <columndefinition width="500"></columndefinition> <columndefinition width="300"></columndefinition> <columndefinition width="300"></columndefinition> </grid.columndefinitions> <textblock text="{binding customerno}" textwrapping="wrap" fontsize="20"/> <textblock grid.column="1" text="{binding customername}" textwrapping="wrap" fontsize="20"/> <textblock grid.column="2" text="{binding documentno}" textwrapping="wrap" fontsize="20"/> <textblock grid.column="3" text="{binding responsedatedisplay}" textwrapping="wrap" fontsize="20"/> <textblock grid.column="4" text="{binding prioritydisplay}" textwrapping="wrap" fontsize="20"/> </grid> </datatemplate> </gridview.itemtemplate> </gridview> <!-- button , page title --> <grid> <grid.columndefinitions> <columndefinition width="120"/> <columndefinition width="*"/> </grid.columndefinitions> <button x:name="backbutton" margin="39,59,39,0" click="backbutton" style="{staticresource navigationbackbuttonnormalstyle}" verticalalignment="top" automationproperties.name="back" automationproperties.automationid="backbutton" automationproperties.itemtype="navigation button"/> <textblock x:name="pagetitle" text="serviceaufgaben" style="{staticresource headertextblockstyle}" grid.column="1" ishittestvisible="false" textwrapping="nowrap" verticalalignment="bottom" margin="0,0,30,40"/> </grid> </grid>
when try scroll down display bottom rows, top rows being moved higher instead of disappearing. please see following picture better descirption:
gridview wrong scrolling settings
as can see gridview scrolled down , rows behind header of page. need them disappear.
any appreciated.
Comments
Post a Comment