关于查询区域的高度问题

Question

@张慧华 你好，想跟你请教个问题：

自己的应用的页面，格式如下：

<div class="pageHeader">

<form ......>

<div class="searchBar">

<div class="searchContent">

<table>

<tr>

..........

</tr>

</table>

</div>

</div>

</form>

</div>

<div class="pageContent">

</div>

因为查询条件较多，按照dwz默认的设置，table放置两行的情况下，下面一行会见不着，于是我设置了table的height属性，虽然table所在的区域扩大了，但是pageContent层并没有相应的向下移动，而是挡住了上面的查询区域。

请问怎么才能达到我想要的效果，我这样设置有误吗？谢谢！

Answer 1

解决的方法就是 当改变searchpanel的高度时，获取前后的高度差，修改当前页面元素的layoutH值重新layout一下。

1. $("document").ready(function(){  
2. $("#gjjs").click(function(){  
3.         $this = $(this);  
4.         var yh = $("#workplan_search").height();   
5.         if($this.text()=='高级检索'){  
6.             $this.text('简单检索')  
7.         }else{  
8.             $this.text('高级检索')  
9.         }  
10.         $("#workplan_search .complex").toggle();  
11.         var xh = $("#workplan_search").height();  
12.           
13.         var $panel=$this.parents('.unitBox:first').find("[layoutH]").each(function(){  
14.                 $(this).attr("layoutH",parseInt($(this).attr("layoutH"))+(xh-yh));  
15.                 $(this).layoutH();  
16.         });  
17.           
18.         return false;     
19. });