带有某种Grid的ListBox布局

时间:2011-11-22 21:10:30

标签: c# xaml windows-phone-7 data-binding listbox

我的数据来自XML:

var searched = from c in xml.Descendants("tbody").Descendants("tr")
         let team = c.Element("td").ElementsAfterSelf("td")
         select new Time
            {
                a = c.Element("td").ElementsAfterSelf("td").First().Value,
                b = Int32.Parse(c.Descendants("td").ElementAt(3).Value),
                c = Int32.Parse(c.Descendants("td").ElementAt(4).Value),
                d = Int32.Parse(c.Descendants("td").ElementAt(5).Value),
                e = Int32.Parse(c.Descendants("td").ElementAt(6).Value),
                f = Int32.Parse(c.Descendants("td").ElementAt(7).Value),
                g = Int32.Parse(c.Descendants("td").ElementAt(8).Value),
                h = Int32.Parse(c.Descendants("td").ElementAt(9).Value),
                i = Int32.Parse(c.Descendants("td").ElementAt(10).Value),
                j = float.Parse(c.Descendants("td").ElementAt(11).Value)
            };

完成此操作后,我将其显示在ListBox

foreach (var item in searched)
    {
         listBox1.Items.Add(item.a + "  " + item.b + "  " + item.c + "  " + 
           item.d + "  " + item.e + "  " + item.f  + "  " + item.g + "  " + 
           item.h + "  " + item.i + "  " + item.j);
         listBox1.Items.Add("  ");
    }

打印很好,这就是我想要的。 现在我需要格式化它。 现在,它打印如下:

a     b    c    d  e  f  g  h  j


但是,变量的内容大小不同。所以信息不是很有条理。 所以我想要这样的东西:

A | B | C | d | E | F | G | H |Ĵ
A | B | C | d | E | F | G | H |Ĵ

其中|代表一列。我正在考虑列表框中的网格,但后来我迷失了如何做到这一点。

1 个答案:

答案 0 :(得分:1)

那么,根据您的数据量身定制ItemTemplate的ListBox呢?

这是ListBox

<ListBox HorizontalAlignment="Left" Margin="12,6,0,0" Name="listBox1" VerticalAlignment="Top">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="150" />
                    <ColumnDefinition Width="150" />
                    <ColumnDefinition Width="150" />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="{Binding a}" Margin="0,0,12,0" />
                <TextBlock Grid.Column="1" Text="{Binding b}" Margin="0,0,12,0" />
                <TextBlock Grid.Column="2" Text="{Binding c}" Margin="0,0,12,0" />
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

它为每个项目使用网格,将值放在不同的列中。您可以尝试使用列大小。

这证明了绑定:

private void button1_Click(object sender, RoutedEventArgs e)
{
    List<MyObject> list = new List<MyObject>();
    list.Add(new MyObject() { a = 1, b = 2, c = 3 });
    list.Add(new MyObject() { a = 4, b = 57346, c = 6 });
    list.Add(new MyObject() { a = 7, b = 8, c = 9 });

    listBox1.ItemsSource = list;
}

我只是创建一个包含补充数据的列表,并将其设置为列表框的ItemsSource。在您的情况下,数据将来自XML。

我用这个模拟类进行测试:

public class MyObject
{
    public int a { get; set; }
    public int b { get; set; }
    public int c { get; set; }
}

它只有3个字段用于演示它的工作原理。您也可以轻松添加其他字段。对于每个其他字段,在XAML中添加一个ColumnDefinitionTextBlock,并相应地设置Binding