Grid嵌套在html标签中无法自适应

asdfsdgd

设置PageManager的AutoSizePanelID属性，把Grid放在div中，改变页面大小Grid不能自动适应了。

1. 
   
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

Grid自适应的问题解决了。

1. 
   
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元素后布局都有问题。