1

我是 json 和其他东西的新手。我正在尝试将递归表绑定到嵌套的 ul 元素。我决定将父项绑定到一个 li 元素中，所以当用户单击该项时，我想加载它的子项。它适用于第一批孩子，但是当我想加载内部级别时，虽然它通过我的方法并获取适当的数据，但仍然显示当前级别。当我检查时我发现它调用了内部方法两次......

这就是我调用的方法，第一次使用 ID=0，然后使用 currentParentID：

 public static IEnumerable GetItemsByParentID(int pID)
 { return from ctg in _ctx.Categories where ctg.CategoryParentID == pID select ctg; }

MyTreeview.js：

$(document).ready(function () {
$.ajax({
    type: "POST",
    url: "Default2.aspx/GetItemsByParentID",
    data: "{'pID':'0'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        $('#MyContainer').setTemplateURL ('MyCtg.htm',null, { filter_data: false });
        $('#MyContainer').processTemplate(msg);
    }
});
});

function LoadChildren(value) {

 $.ajax({
    type: "POST",
    url: "Default2.aspx/GetItemsByParentID",
    data: "{'pID':'"+value+"'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        $('#child'+value).setTemplateURL('MyCtg.htm',null, { filter_data: false });
        $('#child' + value).processTemplate(msg);
    }
});

}



MyCtg.htm: 
<ul>
{#foreach $T.d as post}
<li  onclick="LoadChildren({$T.post.CategoryID})">
    {$T.post.CategoryName} 
    <ol id="child{$T.post.CategoryID}"></ol>
</li>
{#/for}


Default.aspx :  <div id="MyContainer"> </div>

我在这里做错了什么？！

4

1 回答 1

0

当你有 onclick 事件会冒泡并调用父方法，所以你需要做的是通过使用停止传播：

event.stopPropagation();
于 2013-09-12T18:12:18.847 回答