<?xml version="1.0" encoding="utf-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" arg0="./deptWin"?>
<window id="deptWin" width="100%"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:n="http://www.zkoss.org/2005/zk/native" xmlns="http://www.zkoss.org/2005/zul"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd"
xmlns:w="http://www.zkoss.org/2005/zk/client">
<script type="text/javascript">
var timeoutHandler = false;
function hideTip(){
if(timeoutHandler){
clearTimeout(timeoutHandler);
}
jq("$searchTip").slideUp("fast");
}
function searchDept(){
jq("$searchTip").slideDown("fast",function(){
timeoutHandler=setTimeout(hideTip,4000);
});
}
function exchangeDeptEdit(){
jq("$gpDeptList").slideUp("fast",function(){
jq("$gpDeptEdit").slideDown("fast");
});
}
function exchangeDeptList(){
jq("$gpDeptEdit").slideUp("fast",function(){
jq("$gpDeptList").slideDown("fast");
});
}
</window>
ZK 5的客户端引擎 是基于 JQuery .而在ZK中 jquery 的选择器$ ("#id")被jq("$id")代替了,
slideUp(),slideDown()方法是JQuery 滑动的效果,通过高度变化来动态地显示或隐藏所有匹配的元素,在显示或隐藏完成后可选地触发一个回调函数。这个回调函数就是function(){}匿名函数.
这里我遇到个问题,其实有两种写法可以实现不同的效果 。如:
function exchangeDeptList(){
jq("$gpABC").slideUp("fast");
jq("$gpEFG").slideDown("fast");
}
function exchangeDeptList(){
jq("$gpDeptEdit").slideUp("fast",function(){
jq("$gpDeptList").slideDown("fast");
});
}
以上的两个函数有什么区别,在Javascript 中是按顺序执行的,
slideUp()我们将它使用TimeOut()计时器,动态的改变了组件的高度来实现jQuery的滑动效果
在第一种方法中在第一行代码执行的还未结束的时候,就会执行下面的代码行, 产生的效果会同时滑动切换两个组件.
而在第二种方法第二行的代码将会在第一行响应结果完毕后才执行,.产生的效果就是两个组件按顺序切换.
分享到:
相关推荐
NULL 博文链接:https://sunflowers.iteye.com/blog/710699
zookeeper通过使用curator实现分布式锁来保证数据的一致性。 zookeeper通过使用curator实现分布式锁来保证数据的一致性。
ZK is the most proven Ajax + Mobile framework designed to maximize enterprise operation efficiency and minimize the development cost by its groundbreaking Direct RIA architecture....zk api jquery api
ZK中利用paging组件, 结合MVC与MVVM两种模式,实现大量数据的动态分页。
ZK树的递归实现
该源代码对应本人博文《zk-SNARKs实战:使用circom和snarkjs实现简单版的Tornado(含源码)》,如要看该文章,可直接在百度中根据题目搜索
ZK是一个深受欢迎的开源AJAX框架, 只需少許的编程, 就能丰富网络应用程序界面。 觉得zk不错,用它写个小例子。
zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架 zk web框架
NULL 博文链接:https://gaojiewyh.iteye.com/blog/405887
ZK实现的简单车票管理系统,如果你的课程设计是这个的话,让你完成课程设计
使用方法: 1.解压后classes\foo\jmtest目录 直接覆盖在 被测的ZK平台对应目录中(WEB-INF下)。 2.修改zk.xml文件,添加下面内容(WEB-INF下) <system-config> <id-generator-class>foo.jmtest....
ZK框架是一个用JAVA实现的简单但是功能强大的表现层框架。它包括了一个基于Ajax的事件驱动引擎、这也是它的最大特色。可以做到没有JavaScript,只通过ZUML(ZK ...结合ZK Studio,可以达到可视化和动态地查看页面效果。
里面包含zk的分布式锁,包括原生客户端API的方式,以及框架的方式。还有red is的原生客户端API方式,以及框架的方式
使用8259中断实现定时/计数器实验 二、实验目的 1) 掌握定时/计数器8254的基本工作原理和编程方法; 2) 利用TPC-ZK-II实验板上的 8254向中断源发出中断申请,其中断请求用IRQ3 (系统总线区的IRQ); 3) 了解...
zk后台api很全的,对于学习ZK很有用的。
zk框架,实现手动添加树的节点,在开发的过程中可以方便开发人员的使用
ZK开发手册 ZK开发手册 ZK开发手册 ZK开发手册 ZK开发手册
在eclipse中使用的zk插件,包括zk使用时所需要的jar包.
zk页面实现复杂表头的方法, 合并表头的方法,还有代码的例子,zk页面实现复杂表头的方法, 合并表头的方法,还有代码的例子
zk-6.5.0.zip ZK 6.5.0 Sep 12, 2012 * Features ZK-447: The file upload allows users to drag and drop local files (HTML5) ZK-1241: ZK Client Widget support swipe event for tablet/mobile device ZK-...