FineUI 官方论坛

标题: 界面放两个grid的填充问题 [打印本页]

作者: ~~疯狂~~    时间: 2013-7-5 22:17
标题: 界面放两个grid的填充问题
界面放了两个grid,根据情况从后台设置显示或隐藏,但是只有第一个grid能填充整个区域,第二个的高度没有填充。

[attach]2649[/attach]
[attach]2648[/attach]
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Content.aspx.cs" Inherits="WebServer.Root.Content" %>

  2. <!DOCTYPE html>

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head id="head_栏目" runat="server">
  5.     <title>栏目管理</title>
  6.    
  7. </head>
  8. <body>
  9.     <form id="form_栏目" runat="server">
  10.         <x:PageManager ID="PageManager_栏目" AutoSizePanelID="RegionPanel_栏目" runat="server" />
  11.         <x:RegionPanel ID="RegionPanel_栏目" ShowBorder="false" runat="server" AutoScroll="True">
  12.             <Regions>
  13.                 <x:Region ID="Region2" Split="true" EnableSplitTip="true" CollapseMode="Mini" Width="200px"
  14.                     Margins="0 0 0 0" Title="栏目菜单" EnableLargeHeader="false" Icon="Outline"
  15.                     EnableCollapse="true"
  16.                     Position="Left" Layout="Fit" runat="server">
  17.                     <Items>
  18.                         <x:Tree ShowBorder="false" ShowHeader="false" OnNodeCommand="Tree_栏目_NodeCommand" ID="Tree_栏目" runat="server" OnNodeCheck="Tree_栏目_NodeCheck" AutoScroll="true">
  19.                         </x:Tree>
  20.                     </Items>
  21.                 </x:Region>
  22.                 <x:Region ID="mainRegion" ShowHeader="true" Title="栏目信息" Margins="0 0 0 0" Position="Center" AutoScroll="true" EnableBackgroundColor="true" Layout="Fit"
  23.                     runat="server">
  24.                     <Items>
  25.                         



  26.                         <x:Grid ID="Grid_图片" Title="管理图片" PageSize="20" ShowBorder="false" AllowPaging="true" AllowSorting="true" Hidden="true"
  27.                             OnPageIndexChange="Grid_图片_PageIndexChange" ShowHeader="False" runat="server"
  28.                             EnableCheckBoxSelect="True" DataKeyNames="图片ID,图片标题" EnableRowNumber="True" OnSort="Grid_图片_Sort">
  29.                             <Toolbars>
  30.                                 <x:Toolbar ID="Toolbar_工具栏_图片" runat="server">
  31.                                     <Items>
  32.                                        
  33.                                         <x:Button ID="Button_添加_图片" Text="添加数据" Icon="Add" OnClick="Button_添加_图片_Click" runat="server">
  34.                                         </x:Button>
  35.                                         <x:Button ID="Button_删除_图片" Text="删除选中项" Icon="Delete" OnClick="Button_删除_图片_Click" EnablePostBack="true"
  36.                                             runat="server">
  37.                                         </x:Button>
  38.                                         <x:ToolbarFill ID="ToolbarFill2" runat="server">
  39.                             </x:ToolbarFill>
  40.                                         <x:Button ID="Button_显示全部_图片" Text="显示全部" Icon="ShapesManySelect" OnClick="Button_显示全部_图片_Click" runat="server">
  41.                                         </x:Button>
  42.                                         <x:ToolbarSeparator ID="ToolbarSeparator2" runat="server" />
  43.                                         <x:Label ID="Label_关键字_图片" Text="关键字:" runat="server"></x:Label>
  44.                                         <x:TextBox ID="TextBox_关键字_图片" runat="server"></x:TextBox>
  45.                                         <x:Button ID="Button_查询_图片" Text="查询" Icon="SystemSearch" OnClick="Button_查询_图片_Click" runat="server">
  46.                                         </x:Button>
  47.                                     </Items>
  48.                                 </x:Toolbar>
  49.                             </Toolbars>
  50.                             <Columns>
  51.                                 <x:BoundField SortField="图片ID" DataField="图片ID" HeaderText="图片ID" />
  52.                                 <x:BoundField DataField="图片标题" SortField="图片标题" HeaderText="图片标题" />
  53.                                 
  54.                                 <x:WindowField ColumnID="WindowField_编辑" WindowID="Window_添加编辑" HeaderText="编辑"
  55.                                     Icon="TableEdit" ToolTip="编辑" DataTextFormatString="{0}" DataIFrameUrlFields="图片ID"
  56.                                     DataIFrameUrlFormatString="~/Root/ImageAddEdit.aspx?id={0}" DataWindowTitleField="图片标题"
  57.                                     DataWindowTitleFormatString="编辑 - {0}" />
  58.                             </Columns>
  59.                         </x:Grid>

  60.                         <x:Grid ID="Grid_内容" Title="管理内容" PageSize="20" ShowBorder="false" AllowPaging="true" AllowSorting="true" Hidden="true"
  61.                             OnPageIndexChange="Grid_内容_PageIndexChange" ShowHeader="False" runat="server"
  62.                             EnableCheckBoxSelect="True" DataKeyNames="内容ID,内容标题" EnableRowNumber="True" OnSort="Grid_内容_Sort">
  63.                             <Toolbars>
  64.                                 <x:Toolbar ID="Toolbar_工具栏_内容" runat="server">
  65.                                     <Items>
  66.                                        
  67.                                         <x:Button ID="Button_添加_内容" Text="添加数据" Icon="Add" OnClick="Button_添加_内容_Click" runat="server">
  68.                                         </x:Button>
  69.                                         <x:Button ID="Button_删除_内容" Text="删除选中项" Icon="Delete" OnClick="Button_删除_内容_Click" EnablePostBack="true"
  70.                                             runat="server">
  71.                                         </x:Button>
  72.                                         <x:ToolbarFill ID="ToolbarFill1" runat="server">
  73.                             </x:ToolbarFill>
  74.                                         <x:Button ID="Button_显示全部" Text="显示全部" Icon="ShapesManySelect" OnClick="Button_显示全部_Click" runat="server">
  75.                                         </x:Button>
  76.                                         <x:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
  77.                                         <x:Label ID="Label1" Text="关键字:" runat="server"></x:Label>
  78.                                         <x:TextBox ID="TextBox_关键字" runat="server"></x:TextBox>
  79.                                         <x:Button ID="Button_查询" Text="查询" Icon="SystemSearch" OnClick="Button_查询_Click" runat="server">
  80.                                         </x:Button>
  81.                                     </Items>
  82.                                 </x:Toolbar>
  83.                             </Toolbars>
  84.                             <Columns>
  85.                                 <x:BoundField SortField="内容ID" DataField="内容ID" HeaderText="内容ID" />
  86.                                 <x:BoundField DataField="内容标题" SortField="内容标题" HeaderText="内容标题" />
  87.                                 
  88.                                 <x:WindowField ColumnID="WindowField_编辑" WindowID="Window_添加编辑" HeaderText="编辑"
  89.                                     Icon="TableEdit" ToolTip="编辑" DataTextFormatString="{0}" DataIFrameUrlFields="内容ID"
  90.                                     DataIFrameUrlFormatString="~/Root/ContentAddEdit.aspx?id={0}" DataWindowTitleField="内容标题"
  91.                                     DataWindowTitleFormatString="编辑 - {0}" />
  92.                             </Columns>
  93.                         </x:Grid>

  94.                         <x:Window ID="Window_添加编辑" Title="编辑" Popup="false" EnableIFrame="true" runat="server" EnableMaximize="true"
  95.                             EnableConfirmOnClose="true" IFrameUrl="about:blank" OnClose="Window_添加编辑_Close"
  96.                             CloseAction="HidePostBack" Target="Top" IsModal="True" Width="800px" Height="600px">
  97.                         </x:Window>
  98.                     </Items>
  99.                 </x:Region>
  100.             </Regions>
  101.         </x:RegionPanel>
  102.     </form>

  103.    
  104. </body>
  105. </html>
复制代码
  1. if (栏目类型名称 == "内容")
  2.             {
  3.                 Grid_图片.Hidden = true;
  4.                 Grid_内容.Hidden = false;

  5.                 Grid_内容.Width = Grid_图片.Width;
  6.                 Grid_内容.Height = Grid_图片.Height;
  7.                 绑定内容列表("栏目ID=" + e.NodeID);
  8.             }
  9.             else {

  10.                 Grid_图片.Hidden = false;
  11.                 Grid_内容.Hidden = true;
  12.                 绑定图片列表("栏目ID=" + e.NodeID);
  13.             }
复制代码

作者: ~~疯狂~~    时间: 2013-7-5 22:18
有没有什么办法可以通过后台设置填充?
作者: 亮亮胖胖    时间: 2013-7-7 11:35
将这个两个Grid分别放到SimpleForm中,然后再SimpleForm中设置Grid填满。您这时只需要对SimpleForm进行显示或隐藏操作。这个涉及到Form的生命周期,好好研究下吧
作者: ~~疯狂~~    时间: 2013-7-12 09:16
亮亮胖胖 发表于 2013-7-7 11:35
将这个两个Grid分别放到SimpleForm中,然后再SimpleForm中设置Grid填满。您这时只需要对SimpleForm进行显示 ...

非常感谢,我试试!




欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4