jQuery easyui 树形菜单

来源：互联网发布：电池健康度软件编辑：程序博客网时间：2024/05/21 01:42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><base href="<%=basePath%>" /><link rel="stylesheet" type="text/css" href="css/easyui.css"><script type="text/javascript" src="js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="js/jquery.easyui.min.js"></script><link rel="stylesheet" type="text/css" href="css/icon.css"><link rel="stylesheet" type="text/css" href="css/demo.css"><script type="text/javascript">function convert(rows){function exists(rows, parentId){for(var i=0; i<rows.length; i++){if (rows[i].areaId == parentId) return true;}return false;}var nodes = [];// get the top level nodes获得最高级别的节点for(var i=0; i<rows.length; i++){var row = rows[i];if (!exists(rows, row.parentId)){nodes.push({id:row.areaId,text:row.areaName});}}var toDo = [];for(var i=0; i<nodes.length; i++){toDo.push(nodes[i]);}while(toDo.length){var node = toDo.shift();// the parent node父节点// get the children nodes获得子节点for(var i=0; i<rows.length; i++){var row = rows[i];if (row.parentId == node.id){var child = {id:row.areaId,text:row.areaName};if (node.children){node.children.push(child);} else {node.children = [child];}toDo.push(child);}}}return nodes;}//树型在此处执行$(function(){$('#district').tree({//数节点的初始化加载url: 'areaDictionary/findAllJosn.action',loadFilter: function(rows){return convert(rows);},onClick: function(node){$('#gridShow').datagrid({url:'orgGoodsIn/district_information.action?areac.areaId='+node.id  }); }});});</script></head><body class="easyui-layout" style="overflow-y: hidden" scroll="no"><div region="west" split="true" title="地区结构树" style="width: 180px;" id="west"><ul id="district"></ul></div>    </body></html>后台：/** * 树型菜单 查询所有 */public String findAll(){citiesAndTownsList=areaDictionaryBiz.findAll();return "success";}Struts配置：<action name="findAllJosn" class="areaDictionaryAction" method="findAll"><result name="success" type="json"><param name="root">citiesAndTownsList</param></result></action>
0 0