如何让panel中的控件随panel大小动态变化?

[zcl26]

如何让panel中的控件随panel大小动态变化?例如,我有一个panel,panel的大小随我打开的页面的大小动态的变化,我希望它里面的控件,
我用的是一个C1WebGrid(类似于gridview),我希望它的高度随panel的高度的变化而变化,急,请CSDN的高手指点

[leaohong]

用CSS定义

[zcl26]

对CSS不是很明白啊,痛苦……没有其他办法么？

[leaohong]

你把C1WebGrid的height设成100%

[zcl26]

可以用javascript函数来解决吗？看来学东西一定要全面啊，一直没研究CSS文件，用的都是已经有的CSS文件

[zcl26]

我设成100%了，它是在C1WebSplitter里，C1WebSplitter里有两个panel，C1WebGrid存在于第二个panel里，现在整个页面是用相对高度和宽度表示的，其他的显示都没问题，可能这个C1WebGrid是由于在panel里的缘故吧

[virusswb]

在html源码中写，C1WebGrid.height=100%
就是随着C1WebGrid的容器大小而改变了

[zcl26]

<C1WebSplitter:C1WebSplitter ID="C1WebSplitter1" runat="server" Height="96%" Width="100%" Orientation="Horizontal" Panel2-ScrollBars="Auto" Panel1-ScrollBars="Auto" ResizeMode="Default" AutoResize="true" OnClientSizing="resizeit">
<C1WebSplitter:C1WebPanel ID="C1WebSplitter1_Panel1" runat="server" style="width:100%;">
<c1c:C1WebTreeView ID="C1WebTreeView1" runat="server" AllowSelectItem="true" OnItemClick="C1WebTreeView1_ItemClick" OnItemSelect="C1WebTreeView1_ItemSelect" ShowCheckBoxes="False" ShowLines="True" AllowMultipleSelect="false" AutoPostBack="false" CausesValidation="false" EnableViewState="true">
<ItemStyle Font-Names="Tahoma" />
<SpecialSymbolStyle CollapsedNodeImageUrl="res:treeplus1.gif" ExpandedNodeImageUrl="res:treeminus1.gif"
HorizontalLineImageUrl="res:af_linehorz.gif" NoExpandNodeImageUrl="res:treespace.gif"
VerticalLineImageUrl="res:af_linevert.gif" />
<SelectedItemStyle BackColor="#C0C0FF" />
</c1c:C1WebTreeView>
</C1WebSplitter:C1WebPanel>
<C1WebSplitter:C1WebPanel ID="C1WebSplitter1_Panel2" runat="server" scrolling="yes" style="width:100%; ">
<C1WebGrid:C1WebGrid ID="C1WebGrid1" runat="server" AllowSorting="True" AutoResize="true"
CallbackOptions="Sorting" OnSelectedIndexChanged="C1WebGrid1_SelectedIndexChanged" OnSortingCommand="C1WebGrid1_SortingCommand" AutoGenerateColumns="False" AllowColSizing="True" bordercolor="#E7E7FF" defaultrowheight="15px" vscrollbarstyle="Always" BackColor="White" BorderStyle="None" BorderWidth="1px" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" GridLines="Horizontal" CellPadding="3" Height="100%">
<Columns>
<C1WebGrid:C1ButtonColumn CommandName="Select" HeaderText="选择" Text="<img src=folder.gif border=0 align=absmiddle alt='Cancel Editing'>">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="10%"/>
</C1WebGrid:C1ButtonColumn>
<C1WebGrid:C1BoundColumn DataField="名称" HeaderText="名称" SortExpression="名称">
<HeaderStyle HorizontalAlign="Left" Wrap="True" />
<ItemStyle HorizontalAlign="Left" Width="40%" Wrap="True" />
</C1WebGrid:C1BoundColumn>
<C1WebGrid:C1BoundColumn DataField="单位" HeaderText="单位" SortExpression="单位, 名称">
<HeaderStyle HorizontalAlign="Left" Wrap="True" />
<ItemStyle HorizontalAlign="Left" Width="50%" Wrap="True" />
</C1WebGrid:C1BoundColumn>
</Columns>
<ItemStyle BackColor="#E7E7FF" ForeColor="#4A3C8C"></ItemStyle>
<PagerStyle BackColor="#4A3C8C" ForeColor="#E7E7FF" HorizontalAlign="Right"></PagerStyle>
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7"></HeaderStyle>
<AlternatingItemStyle BackColor="#F7F7F7"></AlternatingItemStyle>
<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
<SelectedItemStyle BackColor="#738A9C" ForeColor="#F7F7F7" />
</C1WebGrid:C1WebGrid>
</C1WebSplitter:C1WebPanel>
</C1WebSplitter:C1WebSplitter>

[leaohong]

那就改pannel的height=100%

[zcl26]

我已经给设成100%

[zcl26]

不行，应该是服务器无法获得客户端的消息，刷新一下，就可以了……或是改变一下C1WebSplitter上下两个panel的相对大小也可以……有什么办法吗？

[leaohong]

既然PANEL大小都变化了,应该发生回传了,那肯定没问题啊,调试看看吧.
实在不行就手动刷新吧,不过不推荐.

[zcl26]

手动刷新，没法加，尝试过，失败了，关键是找不到合适的加的地方，要在拖动页面右下角产生的事件中加，并且点击窗口最大化时加……但是，至今还没找到哪里有这两个事件……