第一步：先准备好juqury-ui、ztree 的js文件和css 文件

第二步：example.jsp文件代码中写

..引入jqueryui、ztree 的js和css文件

<body>

<button value="点击弹出树的dialog对话框" onclick ="getTree()"/>

<div id="ztree" class="ztree"/>

</body>

<script type="text/javascript">

function getTree(){

   var url = "<c:url value='xx.html'/>";

var setting={

};

var zNodes =[];

var option={

width:200,

hight:300

};

$.ajax({

url : url ,

success : function(data){

$.each(data,funtion(n,d){

zNode.push({

id:d.id,

name:d.name,

pId:d.pId

})

});

$.fn.init.ztree($('#ztree'),setting,zNode);

$('#ztree').dialog(option);

}

})

}

</script>

第三步：后台提供数据

@RequestMapping("/zone_ajaxtree")

	@ResponseBody

	public List<ZoneBody> zone_ajaxtree() {

		List<ZoneBody> zones = zoneBodyService.getZone_ajax();

		return zones;

	}

因为要用到@ResponseBody，要引入jackson-core-asl-1.8.7.jar和jackson-mapper-asl-1.8.7.jar，在mvc.xml文件中要有代码：

<bean

		class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">

		<property name="webBindingInitializer">

			<bean class="com.building.controller.BindingInitializer" />//这里为用户自定义的

		</property>

		<property name="messageConverters">

			<ref bean="jsonHttpMessageConverter" />//这里为@responseBody提供json的支持

		</property>

	</bean>

	<bean id="jsonHttpMessageConverter"

		class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter" />

如何把jquery 的dialog和ztree结合的更多相关文章

  1. 解决Select2控件不能在jQuery UI Dialog中不能搜索的bug

    本文使用博客园Markdown编辑器进行编辑 1.问题呈现 项目中使用了jQuery UI的Dialog控件,一般用来处理需要提示用户输入或操作的简单页面.逻辑是修改一个广告的图片和标题. 效果截图如 ...

  2. [转]jQuery UI Dialog Modal Popup Yes No Confirm example in ASP.Net

    本文转自:http://www.aspsnippets.com/Articles/jQuery-UI-Dialog-Modal-Popup-Yes-No-Confirm-example-in-ASPN ...

  3. API分析——Jquery UI Dialog

    1.阅读API文档的一般方法? 通常地, API由三部分构成:属性.方法.事件. 属性表示参数配置,作为一个组件的微调,或者功能的开启与关闭: 方法表示组件能够发生的动作,或者组件的状态监测: 事件表 ...

  4. jQuery UI dialog 的使用

    今天用到了客户端的对话框,把 jQuery UI 中的对话框学习了一下. 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框. 1 <input type= ...

  5. jQuery UI dialog 參数说明

    前段时间碰到个问题 jquery UI dialog弹出层 弹出多个层是 比方弹出两个层A和B  B层假设显示的数据表格太大,伸到了A层的外面,那伸到A层之外的部分就看不到了,由于B层是在A层上弹出的 ...

  6. Jquery - UI - Dialog（转）

    jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: ...

  7. jQuery的dialog弹窗实现

    jQuery实现dialog弹窗: html代码如下: <input type="button" onclick="performances();" va ...

  8. jQuery UI dialog 参数说明

    前段时间碰到个问题 jquery UI dialog弹出层 弹出多个层是 比如弹出两个层A和B  B层如果显示的数据表格太大,伸到了A层的外面,那伸到A层之外的部分就看不到了,因为B层是在A层上弹出的 ...

  9. jQuery树形控件zTree使用小结

    作者:Fonour 字体:[增加 减小] 类型:转载 时间:2016-08-02我要评论 这篇文章主要为大家详细介绍了jQuery树形控件zTree使用方法,zTree树插件的基本使用方法,感兴趣的小 ...

随机推荐

  1. iOS 设置代理过程

    iOS设置代理的过程 (以模拟 button 作用为例) 1.写协议 新建一个名为 MyButton 的文件,继承于 UIView,在该文件里 声明协议 myDelegate 2.写协议方法 为声明的 ...

  2. 《javascript高级程序设计》对象图

    1.原型链图 2.作用域链图 3.继承

  3. ExtJS4.2学习(17)表单基本输入控件Ext.form.Field（转）

    鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html --------------- ...

  4. VMWare虚拟机系统网络配置

  5. Java集合框架的知识总结（1）

    说明:先从整体介绍了Java集合框架包含的接口和类,然后总结了集合框架中的一些基本知识和关键点,并结合实例进行简单分析. 1.综述 所有集合类都位于java.util包下.集合中只能保存对象(保存对象 ...

  6. UPUPW PHP环境集成包

    UPUPW PHP环境集成包 http://www.upupw.net/

  7. CF Codeforces Round #231 (Div. 2)

    http://codeforces.com/contest/394 话说这次CF做的超级不爽,A题一开始交过了,我就没再管,B题还没看完呢,就死困死困的,后来觉得B题枚举一下估计能行,当时是觉得可以从 ...

  8. jenkin系列_调度jmeter实现分布式测试

    假设现在有 192.168.1.100(jmeter 控制器 C ).192.168.1.101(jmeter负载机 B)两台机器进行分布式测试,各个步骤如下 1. C 和B 安装jmeter,并运行 ...

  9. 网络编程（一） 利用NSURLSession发送GET POST请求

    Xcode 7.0后,http链接不能直接访问(https可以),需要在Info.plist增加下面一项才能正确访问. 使用NSURLSession进行网络请求的流程: 1.构造NSURL 2.构造N ...

  10. java程序执行时,JVM内存

    高淇 java 31集 类代码,static,常量池到方法区 (常量池会在类之间共享) 局部变量 到栈 对象到 堆 高淇 32集 增加一个computer类