kendo treeview在子節點中獲得無限循環

Question

所以我的劍道樹視圖出現問題。即時獲得正確的父母，但在子節點上，它具有與無窮大的子節點相同的另一個級別。我試圖在我的子節點中設置'hasChildren = false'，但它不起作用。希望你能幫助我。

這裏是我的代碼：

HTML：

<div id="treeview1"></div> 

腳本：

var Customer = new kendo.data.HierarchicalDataSource({ 
     transport: { 
      read: { 
       url: '/Position/LoadGetCompanyList', 
       dataType: "json" 
      } 
     }, 
     schema: { 
      model: { 
       id: "ID", 
       hasChildren: true, 
      children: Positions 
      } 
     } 



    }); 

    var Positions = { 
     transport: { 
      read: { 
       url:'/Position/LoadIndustriesPositionList', 
       dataType: "json" 
      } 
     }, 
     schema: { 
     model: { 
      id: "ID", 
      hasChildren: false 

     } 
    } 

}; 
$("#treeview1").kendoTreeView({ 
    dataTextField: ["CompanyName", "JobName"], 
    // dataValueField: "Client_CustomerID", 
    //   select: function (e) { 
    //    console.log("Selecting ", e.node) 
    //   }, 
    dataSource: Customer 
}).data("kendoTreeView"); 

生病附上我引用這裏的鏈接： http://rameshrajappan.wordpress.com/kendo-treeview-with-asp-net-mvc/ http://demos.telerik.com/kendo-ui/treeview/remote-data-binding

感謝。

Answer 1

您需要按正確的順序定義變量（Child first Then Parent）。當客戶使用倉位作爲其子項時，頭寸變量應該在客戶之前。

它是一個奇怪的行爲Kendo樹查看，如果順序不正確，肯頓樹視圖顯示在無限循環中的子節點。

校正代碼應該如下

var Positions = { 
    transport: { 
     read: { 
      url:'/Position/LoadIndustriesPositionList', 
      dataType: "json" 
     } 
    }, 
    schema: { 
    model: { 
     id: "ID", 
     hasChildren: false 

    } 
} 

}; 

    var Customer = new kendo.data.HierarchicalDataSource({ 
    transport: { 
     read: { 
      url: '/Position/LoadGetCompanyList', 
      dataType: "json" 
     } 
    }, 
    schema: { 
     model: { 
      id: "ID", 
      hasChildren: true, 
     children: Positions 
     } 
    } 



}); 


$("#treeview1").kendoTreeView({ 
dataTextField: ["CompanyName", "JobName"], 
// dataValueField: "Client_CustomerID", 
//   select: function (e) { 
//    console.log("Selecting ", e.node) 
//   }, 
dataSource: Customer 
}).data("kendoTreeView");