c# - e.slice 不是 ASP.NET 中的函数

Question

我有一个asp.net 应用程序，我在aspx 页面中有kendo ui Treeview 。在文档准备好后，我正在调用 aspx 页面中的一个方法来获取数据。 Kendo Treeview 没有动态加载数据。它只显示加载指示器。当我们在 aspx 页面本身中提供相同的 json 数据时，它工作正常。

这是代码

[System.Web.Services.WebMethod]
public static string MakeTreeData()
{
   return "[{ text: \"Node1\", items: [{text:\"Child1\"},{text:\"Child2\"},{text:\"Child3\"}]}]";
}

脚本

var $jQuery2_1 = jQuery.noConflict(true);
$jQuery2_1(document).ready(function () {
        $jQuery2_1.ajax({ url: "Default.aspx/MakeTreeData",
            contentType: "application/json; charset=utf-8",
            type: "post",
            success: function (result) {
                var viewModel = new kendo.data.HierarchicalDataSource({
                    data: JSON.parse(result.d),
                    schema: {
                        model: {
                            children: "items"
                        }
                    }
                });
                $jQuery2_1("#treeview").kendoTreeView({
                    dataSource: viewModel,
                    dataTextField: "text"
                });
            },
            error: function (e) {
                console.log(e);
            }
        });
    });

谢谢

Answer 1

更新如下所示的方法和脚本解决了问题

生成树数据

[System.Web.Services.WebMethod]
public static string MakeTreeData()
{
    JavaScriptSerializer js = new JavaScriptSerializer();
    var parentNodes = new List<Node>();
    var parent = new Node() { Id = "1", Text = "Parent 1", Nodes = new List<Node>() };
    var child = new Node() { Id = "2", Text = "Child 1", Nodes = new List<Node>() };
    parent.Nodes.Add(child);
    parentNodes.Add(parent);
    return js.Serialize(parentNodes);
}

脚本

<div class="demo-section k-content">
    <div id="treeview"></div>
</div>
<script>
    $(document).ready(function () {
        $.ajax({
            url: "Default.aspx/MakeTreeData",
            contentType: "application/json; charset=utf-8",
            type: "POST",
            success: function (result) {
                var jsonData = JSON.parse(result.d);
                var viewModel = new kendo.data.HierarchicalDataSource({
                    data: JSON.parse(result.d),
                    schema: {
                        model: {
                            children: "Nodes"
                        }
                    }
                });
                $("#treeview").kendoTreeView({
                    dataSource: viewModel,
                    dataTextField: "Text"
                });
            },
            error: function (e) {
                console.log(e);
            }
        });
    });
</script>