FineUI 官方论坛

标题: Grid嵌套在html标签中无法自适应 [打印本页]
作者: asdfsdgd    时间: 2014-3-17 15:28
标题: Grid嵌套在html标签中无法自适应
设置PageManager的AutoSizePanelID属性，把Grid放在div中，改变页面大小Grid不能自动适应了。


  2. <x:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
  3. <x:Panel ID="Panel1" runat="server" Layout="VBox" BoxConfigAlign="Stretch" EnableFrame="false" ShowHeader="false">
  4.     <Items>
  5.         <x:ContentPanel runat="server" BoxFlex="1" ShowBorder="false" ShowHeader="false">
  6.             <div id="divDraft" class="context active">
  7.                 <x:Panel ID="Panel6" runat="server" Layout="VBox" BoxConfigAlign="Stretch" BoxConfigPadding="5" ShowHeader="false">
  8.                     <Items>
  9.                         <x:Grid ID="gridDraftDocument" runat="server" BoxFlex="1" ForceFit="true" DataKeyNames="No,DocTitle" />
  10.                     </Items>
  11.                 </x:Panel>
  12.             </div>
  13.         </x:ContentPanel>
  14.     </Items>
  15. </x:Panel>
复制代码


大概布局就是这样的，页面有个非空验证的文本框。改变页面大小后，用鼠标点下文本框，然后在点其它地方，让文本框触发非空验证后，Grid就会自动更新布局。

有没有js可以手动去更新下Grid的布局，或怎么让Grid能自动适应？

作者: asdfsdgd    时间: 2014-3-17 16:08
Grid自适应的问题解决了。

  2. <x:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
  3. <x:Panel ID="Panel1" runat="server">
  4. <Items>
  5.     //表头的div内容
  6. </Items>
  7. <Items>
  8.     //将div内容放在了Items内，Grid可以自适应了
  9. </Items>
  10. <Items>
  11.     //....
  12. </Items>
  13. </x:Panel>
复制代码


又有一个新问题了，有没有办法可以在前台通过js显示和隐藏Panel。使用JQuery的.show()方法或者设置display为block显示Panel元素后布局都有问题。




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