DWZ (JUI) 教程 可以伸缩的查询面板 (searchBar)
来源:互联网 发布:linux如何卸载jenkins 编辑:程序博客网 时间:2024/04/28 05:27
DWZ (JUI) 教程 可以伸缩的查询面板 (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;});});
- DWZ (JUI) 教程 可以伸缩的查询面板 (searchBar)
- DWZ (JUI) 教程 可以伸缩的查询面板 (searchBar)
- 可以伸缩的面板
- DWZ (JUI) 教程 layoutH
- DWZ (JUI) 教程 layoutH
- DWZ (JUI) 教程 layoutH
- DWZ (JUI) 教程 layoutH
- DWZ (JUI) 教程 layoutH
- DWZ (JUI) 教程 DWZ LookUp Suggest 教程
- DWZ (JUI) 教程 DWZ LookUp Suggest 教程
- DWZ (JUI) 教程 DWZ LookUp Suggest 教程
- DWZ (JUI) 教程 table 排序
- DWZ (JUI) 教程 国际化问题
- DWZ (JUI) 教程 国际化问题
- DWZ (JUI) 教程 table 排序
- DWZ (JUI) 教程 国际化问题
- DWZ (JUI) 教程 table 排序
- DWZ (JUI) 教程(二):处理信息回馈的通用规范
- Decimal赋值DBNull
- Dos命令查看端口占用及关闭进程
- Tomcat处理HTTP请求源码分析(上)
- 观察者模式
- Android TextView 垂直自动滚动
- DWZ (JUI) 教程 可以伸缩的查询面板 (searchBar)
- 书摘-构建高可用性和可伸缩系统
- 自定义flex4* list中的滚动条样式
- JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- 开源的移动应用框架
- cache control on appengine
- php实现单例模式
- Google Nexus S和Nokia C7中的NFC
- 将JS代码隐藏在图片中的方法