1
回答
关于查询区域的高度问题
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

@张慧华 你好,想跟你请教个问题:

自己的应用的页面,格式如下:

<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层并没有相应的向下移动,而是挡住了上面的查询区域。

请问怎么才能达到我想要的效果,我这样设置有误吗?谢谢!

DWZ
举报
pudong
发帖于5年前 1回/175阅
共有1个答案 最后回答: 5年前
解决的方法就是 当改变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. }); 
顶部