jquery tree

$('#tt2').tree({

checkbox: true,

iconCls: 'icon-edit',

url: '../../site/manage/note!notePersonList?type=1',

onClick:function(node){

$(this).tree('toggle', node.target);

},

onContextMenu: function(e, node){

e.preventDefault();

$('#tt2').tree('select', node.target);

}

});

这是两级树 多级的话就在里面套就行了

public void notePersonList()

{

Map<String, Object> map = new HashMap<String, Object>();

listOb = new ArrayList<Object>();

map.put("id", 0);

map.put("name", "联系人列表");// name

map.put("text", "联系人列表");

map.put("state", "open");

map.put("children", notePersonList2(pageId));

listOb.add(map);

jsonls = JSONArray.fromObject(listOb);

out.print(jsonls);

out.flush();

out.close();

}

public List<Map<String, Object>> personList()

{

String sql = "select * from member where group_id !=0";

List<Map<String, Object>> childList = new ArrayList<Map<String, Object>>();

memberList = daoPage.memberList(sql);

for(int i=0;i<memberList.size();i++){

Map<String, Object> map = new HashMap<String, Object>();

map.put("id", memberList.get(i).getMemberId());

map.put("name", memberList.get(i).getMemberName());// name

map.put("text", memberList.get(i).getMemberName());

map.put("state", "open");

childList.add(map);

}

return childList;

}

<div id="tt2"></div>