首页 > 代码库 > 可以伸缩的查询面板 （searchBar）
可以伸缩的查询面板 （searchBar）
最近有这样的需求，一个页面查询条件特别多，一次全部展示出来的话就占用大量的空间，所以分成了两类，简单搜索和高级搜索，当点击高级搜索的时候就会全部显示。
这样就存在一个问题，页面（navTab，dialog）上下pageHeader panelBar 高度是有 layoutH值决定的，如果上面的面板变高，就会把下面的分页标签撑出，
解决的方法就是 当改变searchpanel的高度时，获取前后的高度差，修改当前页面元素的layoutH值重新layout一下。
$("document").ready(function(){ $("#gjjs").click(function(){ $this = $(this); var yh = $("#workplan_search").height(); if($this.text()==‘高级检索‘){ $this.text(‘简单检索‘) }else{ $this.text(‘高级检索‘) } $("#workplan_search .complex").toggle(); var xh = $("#workplan_search").height(); var $panel=$this.parents(‘.unitBox:first‘).find("[layoutH]").each(function(){ $(this).attr("layoutH",parseInt($(this).attr("layoutH"))+(xh-yh)); $(this).layoutH(); }); return false; });
以上是改变前后的效果图
可以伸缩的查询面板 （searchBar）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。