Tabelle In XAml Windows Store App

Meine TABELLE code

Elemente, die Steuerung Funktioniert Perfekt, Aber ich brauche nur ein listview-innen listview Hilfe, die ich bekommen problem in

c Gesetzt-Klasse brauche ich eine Einzelne Liste

Hallo ich Brauche, um Zu Generieren, Eine Tabelle In Meine Metro-APP, ABER ich BEKOMME FALSCHE AUSGABE BITTE HELFEN ich BIND HEADER UND INHALT SEPARAT MIT LISTE

C# - CODE

 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>

Bekomme Ich Ausgang Als

Tabelle In XAml Windows Store App

, Aber Ich Brauche Die Ausgabe Wie Diese

Tabelle In XAml Windows Store App

Wenn Sie eine telerik-Lizenz Sie haben ein hübsches DataGrid für it, telerik.com/products/windows-8/controls-xaml/grid.aspx
Es wird als höflich angesehen, markieren Sie die richtige Antwort.

InformationsquelleAutor jghjhj | 2013-07-29

c#windows-store-apps winrt-xaml xaml

Hier ist die einfachste Antwort - eine funktionierende demo.

Habe ich nicht alles für dich tun, Kumpel, aber ich sicher, dass eine Menge getan hat. Sie müssen code ein wenig, um es zu bekommen, wie Sie möchten. Wenn Sie mit einem custom control suite, die meisten dieser könnte für Sie getan werden. Wenn nicht, wird Sie hinunter die Straße. Weit die Straße hinunter.

Diesen code hinter:

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; }
}

Und dann versuchen, diese 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>

Sollten Sie etwas wie dieses:

Tabelle In XAml Windows Store App

Dieses Beispiel sieht genau wie die Art und Weise, ich will meinen Tisch. Für mich ist es ein pronlem aber. Ich Würde gerne in der Lage, klicken Sie auf die Elemente in der Liste. Wenn es ein listview hätte ich die SelectedItem -, aber es existiert nicht in einem ItemsControl. Ist es möglich diese in irgendeiner Weise?

InformationsquelleAutor Jerry Nixon

2

Hinzufügen Jerry ' s XAML-Code in seine Antwort. Sie können ersetzen Sie die ItemsControl mit einer ListBox (gleiche Vorlage/itemTemplate-änderungen), um die gleiche Ansicht, aber auch die Fähigkeit zur Nutzung von SelectedIndex, aber ich weiß nicht, ob das gilt für diese Frage.

Hinweis: ich hatte finden müssen Sie geben Sie eine Breite der ListBox. Sie können nicht nur lassen Sie die Gitter in der ItemTemplate es tun.

InformationsquelleAutor Bluto

Vielleicht bist du für so etwas suchen.

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>

Hinter code:

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; }
}