`
jessen163
  • 浏览: 464582 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉
社区版块
存档分类
最新评论

在树初始化时,加一个load图片

阅读更多

做个浮动图层放在 zTree 上面, 然后利用 asnycSuccess 和 asyncError 回调捕获 ajax加载完毕,这时候让你的loading图层隐藏


<SCRIPT LANGUAGE="JavaScript">
		<!--
		var setting = {
			async: {
				enable: true,
				url:"http://localhost:8080/../TtreeKode",
				autoParam:["id", "name=n","url"],
				expandSpeed:false,				
				dataFilter: filter
			},
			callback: {
			    onClick: onClick,
				beforeAsync: beforeAsync,
				onCollapse: onCollapse,
				onExpand: onExpand,
				onAsyncSuccess:zTreeOnAsyncSuccess
			}
		};
		
		function getTime() {
			var now= new Date(),
			h=now.getHours(),
			m=now.getMinutes(),
			s=now.getSeconds(),
			ms=now.getMilliseconds();
			return (h+":"+m+":"+s+ " " +ms);
		}
		
		function onCollapse(event, treeId, treeNode) {
			//alert("onCollapse: " + treeId + "," + treeNode.name + "," + treeNode.id+ "," + treeNode.url);
		}		
		
		function onExpand(event, treeId, treeNode) {
			//alert("onExpand: " + treeId + "," + treeNode.name+ "," + treeNode.id+ "," + treeNode.url);
		}
		
		function onClick(event, treeId, treeNode, clickFlag) {
		    alert(treeNode.name);
			//alert("onClick: " + treeId + "," + treeNode.name + "," + clickFlag+ "," + treeNode.id+ "," + treeNode.url);
		}		

		function filter(treeId, parentNode, childNodes) {
			if (!childNodes) return null;
			for (var i=0, l=childNodes.length; i<l; i++) {
				childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
			}
			return childNodes;
		}
		function beforeAsync(treeId, treeNode) {
			return treeNode ? treeNode.level < 5 : true;
		}
		关键点--->
		function zTreeOnAsyncSuccess(event,treeId, treeNode, msg) {
			//alert(msg);
			style="display: none;"
            document.getElementById("process").style.display="none";
            document.getElementById("treeDemo").style.visibility="visible";
		}

		$(document).ready(function(){
			$.fn.zTree.init($("#treeDemo"), setting);
			 document.getElementById("treeDemo").style.visibility="hidden";
		});
		//-->
	</SCRIPT>



<ul id="process" class="ztree"><img id='loadingImg' style='margin-left:30px;' src='<%=basePath%>helloword/img/03.gif' /></ul>
  	  <ul id="treeDemo" class="ztree"></ul>



0
0
分享到:
评论

相关推荐

    electronquick实现在一个Electron窗口中快速加一个脚本

    然后,使用`electron-init`或`electron-forge`等工具初始化一个新的Electron项目。这将为你提供一个基本的项目结构,包括`main.js`(主进程)和`index.html`(渲染进程)。 2. **主进程与渲染进程**:在Electron中...

    带鼠标滚轮效果的jquery图片轮播

    最后,记得在页面加载完成后初始化轮播,可以使用`$(document).ready()`或者`$(window).load()`来确保所有的DOM元素都已加载完毕。 总的来说,实现一个带鼠标滚轮效果的jQuery图片轮播,涉及到jQuery事件监听、DOM...

    反馈清零以及反馈置数计数器(内含Verilog HDL代码及文档)

    这个模块有一个时钟输入`clk`,一个复位输入`reset`(用于初始化计数器),一个加载输入`load`,以及一个加载数据输入`load_data`(用于设置计数器的初始值)。计数值存储在寄存器`count`中。当计数器达到最大值(即...

    counter .net

    我们可以在Page_Load事件中读取ViewState中的计数器,每次访问时加一,然后将其保存回ViewState。但这种方法不适用于多用户并发访问,因为ViewState是基于每个用户的,不会全局共享。 2. **使用Session**:Session...

    ibcef.dll 用于 32位 Cefsharp 版本号:84.4.1 支持Mp4播放

    3. **启动 CEF**:在应用程序启动时调用 `Cef.Initialize()` 初始化 CEF 环境。 4. **创建浏览器窗口**:使用 `ChromiumWebBrowser` 类创建一个新的浏览器实例,可以指定初始URL。 5. **MP4 播放**:由于 CefSharp...

    Gif-Load-ReTry-Refresh-支持gif图片的Load反馈框架,只需一张gif图,一行代码解决初次加载,重试加载,刷新加载,与生命周期绑定,LeakCanary检测无内存泄漏.zip

    建议在 Application的 onCreate中进行初始化LoadRetryRefreshConfig config=new LoadRetryRefreshConfig();  config.setBackgroundColor(R.color.white);  config.setBtnNormalColor(R.color.blue_normal); ...

    PLC常用的三种计数器与定时器的说明

    CTU加计数器的工作原理是:当CU收到一个上升沿信号时,CV加一;当CV等于PV时,Q输出TRUE。RESET信号可以复位计数器。 3. CTUD增减计数器 CTUD增减计数器的工作原理是:当CU收到一个上升沿信号时,CV加一;当CD收到...

    weka-ID3源码(pdf格式)

    定义与初始化 源码中定义了多个宏和变量,用于处理数据集和算法运行。例如,`M1`、`M2`、`M3`和`M4`分别定义了数据集中行数、属性数、描述属性的字符串长度和属性总数加一(用于表示字符串结束符)。这些常量定义...

    flappybird.zip 密码123456

    1. **初始化与窗口设置**:Pygame首先要进行初始化,并创建一个主窗口。这通常通过`pygame.init()`和`pygame.display.set_mode()`函数完成,设置窗口大小和标题。 2. **图像加载与显示**:游戏中的人物、背景等元素...

    记数(++BL)指令.rar

    在编程实践中,需要注意确保正确设置计数器的初始化、计数方向、计数输入和复位条件,以确保系统的稳定和准确运行。此外,良好的编程习惯,如适当的注释和模块化编程,可以帮助维护和调试代码。 总的来说,欧姆龙...

    C语言 flybird 基于easyx图形库

    1. **窗口初始化**:首先,我们需要使用EasyX库中的`init_graph()`函数来初始化图形窗口,设置窗口大小、颜色模式等参数。 2. **小鸟和障碍物的绘制**:利用`draw_rectangle()`或`draw_circle()`等函数绘制小鸟和...

    PYTHON 游戏:冲刺弹球(pygame实现的游戏)

    - 在“冲刺弹球”游戏中,初始化阶段会设置窗口大小、背景色、加载游戏资源(如球和障碍物的图片)等。 - 主循环是游戏的心脏,不断执行,直到用户退出游戏。循环内部包含了游戏的逻辑处理,如检测碰撞、更新物体...

    test_用pygame模块开发游戏_

    首先,我们需要了解pygame的基础结构,包括初始化窗口、设置帧率、加载图像和音乐等。在`pygame.init()`函数的帮助下,我们可以启动pygame环境。然后,定义游戏窗口大小,并使用`pygame.display.set_caption()`设置...

    使用pygame编写Flappy bird小游戏

    在pygame中,我们可以通过`pygame.image.load()`函数加载图片资源,并使用`screen.blit()`方法将它们绘制到屏幕上。例如,加载背景图片、小鸟图片和管道图片,然后在循环中更新屏幕,以便看到这些元素。 在代码中,...

    使用ASP.NET实现在线统计

    这里需要注意的是,当第一次启动应用时,Application["user_sessions"]可能还未初始化,因此需要进行空值判断。 #### 2. Session生命周期管理 Session对象用于存储特定用户的会话信息。在本示例中,我们将利用...

    c#网页计数器 c#网页计数器

    1. **初始化变量**: ```csharp public string count = ""; ``` 这里定义了一个公共字符串变量 `count`,用来存储当前的计数值。虽然这里的初始值为空字符串,但在实际应用中,我们应该将其初始化为“0”。 2. ...

    华中数控系统PLC数控编程系统

    - **流程控制**:包括初始化模块结束、跳转、标号、调用子程序等指令,用于实现复杂的程序流程控制。 - **比较**:提供比较指令和一致性比较指令,用于比较两个数据值。 - **数据操作**:包括移动数据、成批移动、...

    C#面试题解答-经典C#面试题解答

    枚举成员必须初始化,可以是数字或基于前一个成员的偏移量(选项a)。例如,在枚举中定义`Mike=100`后,未指定初始值的下一个成员将默认为前一个成员值加一。 ### 10. 多维数组 在C#中,可以定义不规则的多维数组,...

    VB6.0局域网聊天程序源码

    - `NumOnline = 0`: 初始化在线用户数量为0。 - `tcpServer(0).LocalPort = 8080`: 设置服务器监听端口为8080。 - `tcpServer(0).Listen`: 开始监听连接请求。 - `Label1.Caption = Label1.Caption + CStr(tcpServer...

    ARM指令集测试

    例如,初始化数据到存储器,可以通过定义数据段和数据初始化来实现。 ``` .xdata xlli_CLK_DATA: .word 0x102, 0x182, 0x202, ..., 0x290, ... ``` #### 综合题 1. **延时操作**:通过观察寄存器值的变化来实现...

Global site tag (gtag.js) - Google Analytics