C#优化递归树形

html：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../../Scripts/bootstrap/js/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="../../Scripts/bootstrap/js/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="../../Scripts/bootstrap/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link href="../../Scripts/bootstrap/js/jquery.treegrid.min.css" rel="stylesheet" />
    <script src="../../Scripts/bootstrap/js/jQuery1.11.3.min.js"></script>
    <script src="../../Scripts/bootstrap/js/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../Scripts/bootstrap/js/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../../Scripts/bootstrap/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="../../Scripts/bootstrap/js/jquery.treegrid.js"></script>
    <script src="../../Scripts/bootstrap/js/bootstrap-table/jquery.treegrid.ajax.js"></script>
    <style>
        tr.checked-item {
            background-color: #d4e1f5 !important;
        }
    </style>
</head>
<body>
    <table id="table"></table>
    <script>
        $(function () {
            var name = parent.$("#FullBodyContent_MainName").val();
            var $table = $("#table");
            $table.myAjaxTreeTable({
                url: 'treegrid.ashx?func=tree',
                ajaxParams: { name: name,type:"sbxj" },
                rootidValue: "",
                striped: true,
                expandColumn: 0,
                columns: [
                    {
                        field: 'name',
                        title: '名称',
                    }, {
                        field: 'step',
                        title: '步骤'
                    }, {
                        field: 'required',
                        title: '关键点'
                    },
                ],
            });
        })

    </script>
</body>
</html>
View Code