//html页面,包括点击节点,右键菜单项,和节点的维护操作
<!---------------//动态树的加载------------------>
<script type="text/javascript"><!--
$(function(){
$("#lhfFiltersTree").tree({
url: "lhfFiltersTree", // 默认加载的目录
onClick: function(node){ // 当点击某个节点时,则调用此函数,去查询该节点的子节点。
$(this).tree('toggle', node.target);
}
});
});
</script>
<!--------------------------------动态树显示------------->
<div>
<ul id="lhfFiltersTree"></ul>
</div>
<!----------------------------右键菜单--------------------------->
<div id="itemMenu" class="easyui-menu" style="width: 150px;">
<input type="hidden" id="nodeid" name="filterId">
<div>
<a href="javascript:lhfbeginAddFilter();">添加子节点</a>
<Br />
</div>
<div>
<input type="hidden" id="txt" />
<a href="javascript:upFiltersNode();">修改名称</a>
<br />
</div>
<div>
<a href="javascript:delFiltersNode();">删除节点</a>
</div>
</div>
/------------------------------------------------------------------------/Action页面包括节点维护!
public class FiltersTreeAction extends JsonActionSupport{
private CommonDAO commonDAO;
private Filters filter;
private List filters;
private int id;
//-easyui加载规则树
public String getEasyuiFiltersTree(){
List<Map<String,Object>> items=new ArrayList<Map<String,Object>>();
filters=hasChildren(id);//刚开始加载id=0只查头结点,以后点击id不为零则加载子节点
for(int i=0;i<filters.size();i++){
Filters fs=(Filters)filters.get(i);
Map<String,Object> item = new HashMap<String,Object>();
item.put("id",fs.getFilterId());
item.put("text",fs.getFilterName());
if(hasChildren(fs.getFilterId()).size()>0) item.put("state", "closed");
items.add(item);
}
createJsonResult(items);
return JSON;
}
}
本文介绍如何使用EasyUI和jQuery创建动态树形结构,展示了一个HTML页面和对应的JavaScript代码,用于加载和操作树节点。当点击树节点时,会触发异步加载子节点。此外,还展示了右键菜单,提供了添加、修改和删除节点的功能。在后台,通过FiltersTreeAction类处理节点的增删改查操作。

被折叠的 条评论
为什么被折叠?



