页面中两个Grid的自适应问题

grass_root · 发表于 2012-5-15 18:36:42

最近最好一套系统后，发现在1024*768下很多内容看不到。
页面GRID或者window等都设置成自动滚动了。
求解啊！

☆幻~精灵 · 发表于 2012-5-16 11:26:02

才用FitLayour布局的话，会自动适应宽度呀！你可以贴下你的前台代码。

grass_root · 发表于 2012-5-23 23:00:34

我的子页面很简单，就一个Grid啊

rao · 发表于 2013-9-12 15:14:24

我也是这种情况，一个grid还可以自适应。
两个grid那么grid就不会出现滚动条了（而是最外层plan边框有滚动条），各种布局都试过。
现在只能是固定设置grid宽度。希望有两个grid时，能让grid自适应。

rao · 发表于 2013-9-12 15:15:11

☆幻~精灵发表于 2012-5-16 11:26
才用FitLayour布局的话，会自动适应宽度呀！你可以贴下你的前台代码。

我也是这种情况，一个grid还可以自适应。
两个grid那么grid就不会出现滚动条了（而是最外层plan边框有滚动条），各种布局都试过。
现在只能是固定设置grid宽度。希望有两个grid时，能让grid自适应。

sanshi · 发表于 2013-9-12 15:41:13

rao 发表于 2013-9-12 15:15
我也是这种情况，一个grid还可以自适应。
两个grid那么grid就不会出现滚动条了（而是最外层plan边框有滚 ...

学会两种布局就行了：http://www.cnblogs.com/sanshi/archive/2012/09/18/2689978.html

extjs的布局很灵活，也不好掌握，需要静下心来认真学习

rao · 发表于 2013-9-13 10:31:39

sanshi 发表于 2013-9-12 15:41
学会两种布局就行了：http://www.cnblogs.com/sanshi/archive/2012/09/18/2689978.html

extjs的布局很灵 ...

试过很多方式调试，都没有掌握。
以下代码，目的是1、最外层有垂直滚动条（因为高度固定，宽度自适应）2、表格有横向、竖向滚动条（高度固定，宽度自适应）。但实际上最多可以调试出最外层有滚动条。里面的表格要么超出外层，要么没有滚动条。
请三石大哥帮看下，代码问题在哪里。
<head id="Head1" runat="server">
<title></title>
<link href="../css/main.css" rel="stylesheet" type="text/css" />

</head>
<body>

<form id="form1" runat="server">
<ext

ageManager ID="

ageManager1" runat="server" Theme="Blue" HideScrollbars="False" AutoSizePanelID="Form2" />

<ext

anel ID="Form2" ShowHeader="false" runat="server" BoxConfigPosition="End" Height="700"
BodyPadding="5px" Title="Form" Layout="VBox" AutoScroll="True"><Items>

<ext

anel BoxFlex="1" Height="300" Layout="Fit"  runat="server"><Items>
                  <ext:Grid ID="Grid1" Title="外购订单"  runat="server"  ShowHeader="False" AutoScroll="True">
                     <Columns>

                     <ext:BoundField DataField="供应商已读" SortField="供应商已读" HeaderText="是否确认" Width="360px"/>
                     <ext:BoundField DataField="送货厂区" SortField="送货厂区" HeaderText="送货厂区" Width="360px"/>
                     <ext:BoundField DataField="供应商" SortField="供应商" HeaderText="供应商" Width="450px"  ColumnID="供应商"/>

                           </Columns>
                  </ext:Grid>
</Items></ext

anel>

<ext

anel BoxFlex="1" Height="300" Layout="Fit"  runat="server"><Items>
                  <ext:Grid ID="Grid2" Title="表格" runat="server"  >
                     <Columns>

                     <ext:BoundField DataField="工序" SortField="工序" HeaderText="工序" Width="300px"/>
                     <ext:BoundField DataField="外贸计划号" SortField="外贸计划号" HeaderText="外贸计划号" Width="400px"/>
                     <ext:BoundField DataField="送货厂区" SortField="送货厂区" HeaderText="送货厂区" Width="380px"/>
                           </Columns>
                  </ext:Grid>
</Items></ext

anel>

</Items></ext

anel>

</form>
</body>
</html>

sanshi · 发表于 2013-9-13 11:02:36

外面用 VBox 布局，里面要注意BoxFlex， Height 的定义。

还是那句话，认真仔细的学习下那篇博文。。。。。。

rao · 发表于 2013-9-13 16:40:39

sanshi 发表于 2013-9-13 11:02
外面用 VBox 布局，里面要注意BoxFlex， Height 的定义。

还是那句话，认真仔细的学习下那篇博文。。。。 ...

问题解决了，是因为属性我没设置好。多谢。

		自动登录	找回密码
密码			立即注册