jQuery使用zTree插件实现树形菜单和异步加载

前端之家收集整理的这篇文章主要介绍了jQuery使用zTree插件实现树形菜单和异步加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲解了jQuery使用zTree插件实现树形菜单和异步加载,并且可以进行编辑,分享给大家供大家参考,具体内容如下

效果图:

一、HTML代码

二、异步请求的后台数据:

namespace CssStudyWeb.AjaxPage
{
public partial class GetAjax : System.Web.UI.Page
{
protected void Page_Load(object sender,EventArgs e)
{
if (Request.QueryString["z"] == "sdfww234edfsd")//根据会员卡号,查询会员卡信息
{
StringBuilder sb = new StringBuilder();
sb.Append("[");
sb.Append("{\"id\":\"1\",\"name\":\"销售单管理\",\"pId\":\"0\"},");
sb.Append("{\"id\":\"101\",\"name\":\"销售单列表\",\"pId\":\"1\"},");
sb.Append("{\"id\":\"102\",\"name\":\"销售单综合查询\",");

sb.Append("{\"id\":\"2\",\"name\":\"系统管理\",");
sb.Append("{\"id\":\"103\",\"name\":\"权限组管理\",\"pId\":\"2\"},");
sb.Append("{\"id\":\"104\",\"name\":\"权限菜单管理\",\"pId\":\"2\"}");
sb.Append("]");
Response.Write(sb.ToString());
}
}
}
}

更多关于ztree控件的内容,请参考专题插件ztree使用汇总》

以上就是zTree插件实现树形菜单和异步加载的全部代码,希望对大家的学习有所帮助。

猜你在找的jQuery相关文章