jquery treeview最搞笑的实现方法。

leiwuluan

浏览: 705263 次
性别:
来自: 北京

最近访客更多访客>>

思朝阳念落日

bigpotato9999

icesane

wzl_show

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web 开发

jQuery JavaScript json CSS HTML

 <!-- tree view -->
    <link rel="stylesheet" href="/plugin/jquery-treeview/jquery.treeview.css" type="text/css">
    <link rel="stylesheet" href="/plugin/jquery-treeview/demo/screen.css" />
    <script type="text/javascript" src="/plugin/jquery-treeview/jquery.treeview.async.js"></script>
    <script type="text/javascript" src="/plugin/jquery-treeview/jquery.treeview.js"></script>
    <script type="text/javascript" src="/plugin/jquery-treeview/lib/jquery.cookie.js"></script>
<script type="text/javascript">
    	$(document).ready(function(){
			$.post('/web/module/send_and_register/sendAndRegisterAction.do?method=test,function(responseText){
				var treeData=eval(responseText);
				alert(responseText);
				var html='';
				for(var i=0;i<treeData.length;i++){
					var temp=treeData[i];
					html=html+'<li><span class="folder">'+temp.name+'</span>';
					if(temp.employee.length>0){
						html=html+'<ul>';
						for(var j=0;j<temp.employee.length;j++){
							html=html+'<li><span class="file">'+temp.employee[j].name+'</span></li>';
						}
						html=html+'</ul>';
					}else{
						html=html+'</li>';
					}
				}
				$("#browser").html(html);
				alert(html);
				$("#browser").treeview();
			});
		 });   
    </script>
  </head>
  
  <body>
  	<ul id="browser" class="filetree">
		
	</ul>
  </body>
</html>

@Controller
@RequestMapping("/web/module/send_and_register/sendAndRegisterAction.do")
public class SendAndRegisterAction extends BasicAction {
	
	@RequestMapping(params="method=test")
	public void test(HttpServletRequest request,
			HttpServletResponse response){
		String json="[{name:'中国1队',id:'11',employee:[{name:'李三',id:'123654'}]}]";
		this.outJsonString(response, json);
	}

其实也没有什么可笑的了。呵呵只是把json对象反回前台然后再处理了。

查看图片附件

分享到：

使用spring定时任务时间格式cronExpression ... | JSValidation支持的13种验证

2010-06-14 18:01
浏览 2360
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery treeview最搞笑的实现方法。

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery treeview最搞笑的实现方法。

评论

发表评论

相关推荐

Java 数据验证

新浪多图片显示兼容IE

Jconp-在线截图-ie6,7,8,9.ff-ok版测试通过

Angularjs构建一个CRUD应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入

网页自动 追加

ckedit 替换表情

分享、工具，JiaThis

JAX-RS cxf web服务 rest简单增删改查 集成spring webService

html 开头设计、、css

javascript添加当前页到收藏夹

js中如何定义class 工厂方式 构造函数方式 原型方式 动态原型方式 混合工厂方式

在一个htm页面中导入在同一目录下的“StyleSheet1.css”样式表

在HTML中，实现每隔60秒自动刷新页面的功能

可以调用HTTP请求类的open()和send()方法

为了兼容多种不同版本的浏览器，一般将创建XMLHttpRequest类的方法

JavaScript类继承

JavaScript反射机制

自定义JavaScript对象

JavaScript异常处理

JavaScript框架编程

最近访客更多访客>>

网页自动追加

JAX-RS cxf web服务 rest简单增删改查集成spring webService

js中如何定义class 工厂方式构造函数方式原型方式动态原型方式混合工厂方式