0

次のような ListBox の下部に、複数の列と 2 つのボタンと行が必要です。

アイテム1 アイテム2 アイテム3 アイテム4 ボタン1 ボタン2
-------------------------------------------- ----------

ありがとう

- - - アップデート

各列のタイトルを表示する行を用意する

タイトル1 タイトル2 タイトル3 タイトル4

アイテム1 アイテム2 アイテム3 アイテム4 ボタン1 ボタン2
-------------------------------------------- ----------

-  アップデート


 <ListBox Horizo​​ntalAlignment="Left" VerticalAlignment="Top" Margin="700,210,0,0" Name="listBox1" Width="650" Height="532" ScrollViewer.VerticalScrollBarVisibility="Auto">

       <ListBox.ItemTemplate>
         <データテンプレート>
           <グリッド幅="650">

             <Grid.ColumnDefinitions>
             <ColumnDefinition 幅="80">
             <ColumnDefinition 幅="*">
             <ColumnDefinition 幅="*">
             <ColumnDefinition 幅="*">
             <ColumnDefinition 幅="*">
             </Grid.ColumnDefinitions>


         <スタックパネル>


<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="項目コード"/>
<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="Description" TextWrapping="Wrap"/>
<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="単価"/>
<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="Amount"/>

        </スタックパネル>



<TextBlock Margin="3,3,10,0" FontSize="22" FontWeight="SemiBold" Foreground="DarkBlue" Text="{Binding No}" Grid.Column="0" />
<TextBlock Margin="8,3,10,0" FontSize="22" Foreground="DarkBlue" Text="{Binding Description}" TextWrapping="Wrap" Grid.Column="1" />
<TextBlock Margin="8,3,10,0" FontSize="22" Foreground="DarkBlue" Text="{Binding UnitPrice}" TextWrapping="Wrap" Grid.Column="2" />
<TextBlock Margin="8,3,10,0" FontSize="22" Foreground="DarkBlue" Text="{Binding LineAmount}" TextWrapping="Wrap" Grid.Column="3" />
<Button x:Name="btnTransEdit" Margin="20,3,0,0" Content="Edit" FontSize="23" Horizo​​ntalAlignment="Left" VerticalAlignment="Top" Height="59" Width="130" Grid.Column="4" />

      </グリッド>


    </データ テンプレート>

</ListBox.ItemTemplate>
4

1 に答える 1

1

LongListSelectorではなくを使用すると、これを非常に簡単に行うことができますListBox。

<phone:LongListSelector ItemsSource="{Binding Items}">
    <phone:LongListSelector.ListHeader>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <TextBlock Text="Item code" Grid.Column="0" TextWrapping="Wrap" />
            <TextBlock Text="Desc" Grid.Column="1" TextWrapping="Wrap" />
            <TextBlock Text="Unit Price" Grid.Column="2" TextWrapping="Wrap" />
            <TextBlock Text="Amount" Grid.Column="3" />
        </Grid>
    </phone:LongListSelector.ListHeader>

    <phone:LongListSelector.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <TextBlock Text="{Binding No}" Grid.Column="0" TextWrapping="Wrap" />
                <TextBlock Text="{Binding Description}" Grid.Column="1" TextWrapping="Wrap" />
                <TextBlock Text="{Binding UnitPrice}" Grid.Column="2" TextWrapping="Wrap" />
                <TextBlock Text="{Binding LineAmount}" Grid.Column="3" TextWrapping="Wrap" />

                <Button Content="Edit" Grid.Column="4" />
                <Button Content="Delete" Grid.Column="5" />
            </Grid>
        </DataTemplate>
    </phone:LongListSelector.ItemTemplate>

    <phone:LongListSelector.ListFooter>
        <Grid Background="white" Height="2" Margin="0,12" />
    </phone:LongListSelector.ListFooter>
</phone:LongListSelector>
于 2013-10-16T13:34:09.053 に答える