asp.net MVC中使用EasyUI Treegrid 树形网格

最新推荐文章于 2023-12-12 16:17:03 发布

程序之美

最新推荐文章于 2023-12-12 16:17:03 发布

阅读量766

点赞数

分类专栏：项目技术点实战文章标签： EasyUI Treegrid

本文链接：https://blog.csdn.net/lv_xiaohu/article/details/91884003

版权

本文介绍了如何在ASP.NET MVC项目中集成EasyUI的Treegrid组件，包括了CSS和JS文件的引入，以及前后台核心代码的实现，帮助开发者创建具有树形结构的网格展示数据。

摘要由CSDN通过智能技术生成

引入CSS和JS

<link href="~/Content/plugins/jquery-easyui-1.7.0/themes/default/easyui.css" rel="stylesheet">
<link href="~/Content/plugins/jquery-easyui-1.7.0/themes/icon.css" rel="stylesheet">
<script src="~/Content/plugins/jquery-easyui-1.7.0/jquery.min.js"></script>
<script src="~/Content/plugins/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>

前台核心代码

<table id="tg" class="table easyui-treegrid" title="" style="width:100%;overflow-y:auto"></table> 
<script type="text/javascript">
    $(function () {
        //加载树数据
        $('#tg').treegrid({
            rownumbers: true,
            animate: false,
            striped: false,
            fitColumns: true,
            scrollba