`
leiwuluan
  • 浏览: 694592 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jquery treeview最搞笑的实现方法。

jQueryJavaScriptjsonCSSHTML 
阅读更多 
 <!-- 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对象反回前台然后再处理了。

  • 大小: 8.8 KB
分享到：
| JSValidation支持的13种验证
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics