zoukankan      html  css  js  c++  java
  • zTree

      最近写了一个关于动态加载左侧菜单的小Demo,用来和大家分享下!

    控制器

    public JsonResult CanCaiDan()
            {
                List<CaiDan> list = bll.GetCaiDan();
                var linq = from s in list
                           select new
                           {
                               id = s.Id,
                              
                               pId = s.Pid,    //pId  中大小写不能变  要不然实现不了树形
                               name = s.Name,
                               url = s.Paths,
                               target = "Url"
                           };
                return Json(linq.ToList());
            }

    视图

    视图中需要添加的引用

    <script src="~/Content/js/jquery.ztree.core.js"></script>
    <link href="~/Content/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />

     <title>Index</title>

    <table width="100%"> <tr heigth="100px"> <td style="background-color:blue;font-size:36px;" colspan="2" align="center"> 八卦石诞生的地方 </td> </tr> <tr> <td style="border:1px,solid"> <ul id="zTree" class="ztree"> </ul> </td> <td> <iframe width="100%" height="500px" name="Url"> 分手大师的 </iframe> </td> </tr> </table>

    <script>
    var setting = {
    data: {
    simpleData: {
    enable: true
    }
    }
    }
    $(function () {
    GetCaiDan();
    })
    function GetCaiDan() {
    $.ajax({
    url: "/CaiDan/CanCaiDan",
    type: "post",
    dataType: "json",
    success: function (data) {
    $.fn.zTree.init($("#zTree"), setting, data);
    }
    })
    }
    </script>

  • 相关阅读:
    栈的操作总结
    C语言复习大纲
    生理周期
    石子合并
    幸运数字
    最长&最短文本
    C++引用
    C++入门
    直角三角形
    思维的囚徒--读书摘记和自己的肤浅解读--2021.1
  • 原文地址:https://www.cnblogs.com/xuan666/p/10778248.html
Copyright © 2011-2022 走看看