如何使列表框在其父级内可调整大小?

时间:2013-03-19 14:50:18

标签: xaml silverlight-5.0

在用户控件中,我放置了一个绑定到动态数据源的列表框。此用户控件将位于弹出窗口中。我希望这个列表框可以填充窗口的其余空间。这是我试过的Xaml:

                                                                         

<ComboBox x:Name="cmbx1" Grid.Column="0" Grid.Row ="0" Margin="5"
                  Width="150" VerticalAlignment="Center" HorizontalAlignment="Left" SelectionChanged="filters_SelectionChanged">
  ......
</ComboBox>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="0">
    <Button Content="Test" Margin="5"  Click="Button_Add" />
</StackPanel>

<DataGrid x:Name="ListGrid" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"  
  ......
</DataGrid>
<ComboBox x:Name="cmb2" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Margin="5">
  ......
</ComboBox>        
<ListBox x:Name="lstSharing" Grid.Row="3"  Grid.Column="0" Grid.ColumnSpan="2" Margin="0,0,10,0"                         
                    Width="{Binding Width, ElementName=ListGrid}">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>                    
            <tkit:WrapPanel Orientation="Horizontal" MaxWidth="650" />                    
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Margin="3" Width="Auto">
                <CheckBox IsChecked="{Binding IsChecked, Mode=TwoWay}" />
                <TextBlock Text="{Binding ItemName}" Width="120" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>       

我想要的是列表框的高度和宽度可以根据窗口大小动态设置,绑定到列表框的项目。但它不能正常工作。最初,列表框没有滚动条,我需要手动调整窗口大小以便显示滚动条。我无法动态改变,所以我把MaxWidth = 600。否则,它始终显示一行中的所有项目。

如何解决此问题?

1 个答案:

答案 0 :(得分:0)

这是未经测试的,但我会尝试这样的事情:

<ListBox x:Name="lstSharing" 
         Grid.Row="3"  
         Grid.Column="0" 
         Grid.ColumnSpan="2" 
         Margin="0,0,10,0"                         
         HorizontalAlignment="Stretch"
         VerticalAlignment="Stretch">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>                    
            <tkit:WrapPanel Orientation="Horizontal" 
                            MaxWidth="{Binding ElementName=lstSharing, Path=ActualWidth}" />                    
        </ItemsPanelTemplate>

要知道这是否可以在没有看到父容器的情况下工作有点困难,但它应该指向正确的方向。