堆栈内存溢出
  繁体   English   中英

表在XAml Windows应用商店中

[英]Table In XAml Windows Store App

 原文  2013-07-29 12:13:32  3   3    c#/ xaml/ windows-store-apps/ winrt-xaml

问题描述

我的TABLE代码

ItemS Control完美运行但是我只需要listview中的一个listview帮助我解决问题

c Get Set Class我需要一个单一列表

嗨，我需要在我的地铁APP中生成一个表，但我得到错误的输出请帮助我严格使用列表中的标题和内容

C＃代码 

 foreach (var item in itemsreceiveds)
        {
            variable2.Add(new contentdata() { firstdata = item.getFirstData, seconddata = item.getSecondData, thirddata = item.getThirdData, headers = item.getFieldName });
        }
        var groupedPersons = variable2.Select((emp) => new { sectionName = emp.headers }).ToList().Distinct();
         foreach (var s in groupedPersons)
         {
             firstheader = s.sectionName;
             string[] sepword = firstheader.Split('#');
             firstheader = sepword[0].ToUpper();
             secondheader = sepword[1].ToUpper();
             thirdheader = sepword[2].ToUpper();  
             variableheader.Add(new contentdataheader(firstheader,secondheader,thirdheader));
             groupListView.ItemsSource = variableheader;
         }
         //SUBITEM
          foreach (var person in variable2)
         {
             subdata.Add(new subitems(person.firstdata, person.seconddata, person.thirddata));
         }
         itemListViewss.ItemsSource = subdata;

XAML 

        <ListView Name="groupListView" CanDragItems="True" CanReorderItems="True" AllowDrop="True" IsSwipeEnabled="True" SelectionMode="None" Grid.ColumnSpan="3" Grid.Row="0">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" >
                    <Border x:Name="bordermenu" BorderBrush="Black" BorderThickness="1" Grid.Column="1" Grid.Row="0" Width="150">
                        <TextBlock Foreground="Red" Text="{Binding Firstheader}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Border>
                    <Border x:Name="bordermenu2" BorderBrush="Black" BorderThickness="1" Grid.Column="2" Grid.Row="0" Width="150">
                        <TextBlock Foreground="Red" Text="{Binding Secondheader}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Border>
                    <Border x:Name="bordermenu3" BorderBrush="Black" BorderThickness="1" Grid.Column="3" Grid.Row="0" Width="150">
                        <TextBlock Foreground="Red" Text="{Binding Thirdheader}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Border>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
    <ListView Name="itemListViewss" CanDragItems="True" CanReorderItems="True" AllowDrop="True" IsSwipeEnabled="True" SelectionMode="None" Grid.ColumnSpan="3" Grid.Row="1">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" >
                    <Border x:Name="bordersubmenu" BorderBrush="Black" BorderThickness="1" Grid.Column="1" Grid.Row="1" Width="150">
                        <TextBlock Foreground="Blue" Text="{Binding dynamic}" x:Name="submenu" HorizontalAlignment="Center" VerticalAlignment="Center"   />
                    </Border>
                    <Border x:Name="bordersubmenu2" BorderBrush="Black" BorderThickness="1" Grid.Column="2" Grid.Row="1" Width="150">
                        <TextBlock Foreground="Blue" Text="{Binding p1}" x:Name="submenu2"  HorizontalAlignment="Center" VerticalAlignment="Center"  />
                    </Border>
                    <Border x:Name="bordersubmenu3" BorderBrush="Black" BorderThickness="1" Grid.Column="3" Grid.Row="1" Width="150">
                        <TextBlock Foreground="Blue" Text="{Binding p2}" x:Name="submenu3" HorizontalAlignment="Center" VerticalAlignment="Center"  />
                    </Border>                        
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

我得到了输出

我得到了输出

但我需要输出这个

但我需要输出这个

3 个解决方案

解决方案1
 22  2013-07-29 21:03:42

这是最简单的答案 - 一个有效的演示。

我没有为你做任何事，伙计，但我确实做了很多。 你需要编写一些代码来获得它你喜欢的方式。 如果您使用的是自定义控件套件，则可能会为您完成大部分操作。 如果没有，这将让你走在路上。 远在路上。

把这个代码放在后面： 

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }
}

public class Datum
{
    public DateTime Date { get; set; }
    public string Year { get { return Date.ToString("yyy"); } }
    public string Month { get { return Date.ToString("MMMM"); } }
    public string Day { get { return Date.ToString("dd"); } }
    public string Weekday { get { return Date.ToString("dddd"); } }
}

public class ViewModel
{
    public ViewModel()
    {
        // data
        var _Data = Enumerable.Range(1, 20)
            .Select(x => new Datum { Date = DateTime.Now.Add(TimeSpan.FromDays(x * 14)) });
        Data = new ObservableCollection<Datum>(_Data);
    }
    public ObservableCollection<Datum> Data { get; private set; }
}

然后尝试这个XAML： 

<Page.DataContext>
    <local:ViewModel/>
</Page.DataContext>

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <StackPanel>
        <Grid Width="400">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.Resources>
                <Style TargetType="Border">
                    <Setter Property="BorderBrush" Value="Black" />
                    <Setter Property="BorderThickness" Value="2" />
                    <Setter Property="Background" Value="White" />
                    <Setter Property="Padding" Value="5" />
                </Style>
                <Style TargetType="TextBlock">
                    <Setter Property="Foreground" Value="Black" />
                </Style>
            </Grid.Resources>
            <Border Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="4">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" >
                    <TextBlock VerticalAlignment="Center" TextAlignment="Right">
                        <Run Text="Search" />
                        <LineBreak />
                        <Run Text="Data" />
                    </TextBlock>
                    <TextBox Width="100" />
                </StackPanel>
            </Border>
            <Border Grid.Column="0" Grid.Row="1"><TextBlock Text="Year" /></Border>
            <Border Grid.Column="1" Grid.Row="1"><TextBlock Text="Month" /></Border>
            <Border Grid.Column="2" Grid.Row="1"><TextBlock Text="Day" /></Border>
            <Border Grid.Column="3" Grid.Row="1"><TextBlock Text="Weekday" /></Border>
        </Grid>
        <ItemsControl ItemsSource="{Binding Data}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Grid Width="400">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="100" />
                        </Grid.ColumnDefinitions>
                        <Grid.Resources>
                            <Style TargetType="TextBlock">
                                <Setter Property="Margin" Value="5,0" />
                            </Style>
                        </Grid.Resources>
                        <TextBlock Grid.Column="0" Text="{Binding Year}" />
                        <TextBlock Grid.Column="1" Text="{Binding Month}" />
                        <TextBlock Grid.Column="2" Text="{Binding Day}" />
                        <TextBlock Grid.Column="3" Text="{Binding Weekday}" />
                    </Grid>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
        <Grid Width="400">
            <Grid.RowDefinitions>
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.Resources>
                <Style TargetType="Border">
                    <Setter Property="BorderBrush" Value="Black" />
                    <Setter Property="BorderThickness" Value="2" />
                    <Setter Property="Background" Value="White" />
                    <Setter Property="Padding" Value="5" />
                </Style>
                <Style TargetType="TextBlock">
                    <Setter Property="Foreground" Value="Black" />
                </Style>
            </Grid.Resources>
            <Border Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="4">
                <TextBlock Text="Showing 1 to 10 of 371" HorizontalAlignment="Right" />
            </Border>
        </Grid>
    </StackPanel>
</Grid>

你应该得到这样的东西：

在此输入图像描述

解决方案2
 2  2014-07-28 19:59:06

在他的回答中加入Jerry的XAML。 您可以使用ListBox（相同的模板/ itemTemplate修改）替换ItemsControl以获得相同的视图，但也可以使用SelectedIndex，但我不知道这是否适用于此问题。

注意：我确实发现你需要为ListBox添加一个Width。 你不能让ItemTemplate中的Grid做到这一点。

解决方案3
 0  2016-02-12 09:28:15

也许你正在寻找这样的东西。

XAML ： 

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150" />
        <ColumnDefinition Width="150" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="30" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Rectangle Fill="Black" Grid.ColumnSpan="2" Grid.Row="0" />
    <TextBlock Text="Integer" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" Grid.Row="0" Grid.Column="0" FontSize="14" />
    <TextBlock Text="String" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" Grid.Row="0" Grid.Column="1" FontSize="14" />
    <ListView x:Name="ListViewDisplay" ItemsSource="{Binding}" Grid.Row="1" Grid.ColumnSpan="2" BorderThickness="1" BorderBrush="Black" Background="White" RequestedTheme="Light">
        <ListView.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="150" />
                        <ColumnDefinition Width="150" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="{Binding Integer}" Margin="5" Grid.Column="0" FontSize="14" />
                    <TextBlock Text="{Binding String}" Margin="5" Grid.Column="1" FontSize="14" />
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

代码背后 ： 

public sealed partial class SamplePage : Page
{
    ObservableCollection<ROWS> r = new ObservableCollection<ROWS>();
    public SamplePage()
    {
        this.InitializeComponent();
        r.Add(new ROWS { Integer = 1, String = "ONE" });
        r.Add(new ROWS { Integer = 2, String = "TWO" });
        r.Add(new ROWS { Integer = 3, String = "THREE" });
        r.Add(new ROWS { Integer = 4, String = "FOUR" });
        r.Add(new ROWS { Integer = 5, String = "FIVE" });
        ListViewDisplay.ItemsSource = r;
    }
}

public class ROWS {
    public int Integer { get; set; }
    public string String { get; set; }
}

结果 ：

结果

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Windows 8中的TreeView在XAML中存储应用程序 Windows Store应用程序：xaml中的泛型 在XAML \\ Windows 8商店应用程序中数据绑定可以为空的类型 Windows应用商店xaml模板属性 不使用XAML创建Windows应用商店应用页面 垂直滚动gridview XAML windows商店应用程序 Windows 8商店应用程序（Xaml）保存设置 xaml ScrollViewer，边框模糊-Windows Store应用程序 Windows应用商店XAML Gridview无法呈现数据 为Windows 8应用商店应用创建自定义XAML文本框
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM