2017-10-20 12 views
0

私はkendoTreeListの機能をJqueryで使用しようとしています。 Tekerikドキュメントはこちらです: https://docs.telerik.com/kendo-ui/api/javascript/ui/treelisttelerik jquery KendoTreeListは関数ではありません

私が使用していたコードを以下に示します。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="~/Scripts/jquery-1.12.4.js"></script> 
<script src="@Url.Content("~/Scripts/kendo/kendo.all.min.js")"></script> 
<script src="@Url.Content("~/Scripts/kendo/kendo.treelist.min.js")"> 
</script> 

<script> 
    var search = document.getElementById("SearchTerm"); 


function SearchResults(results) { 
    $('#ResultsList').empty(); 

    var items = {}; 
    $.each(results, function (i, value) { 
     items += { id: i, parentId: null, Name: value.MacroName, Type:"Macro" } 
      if (value.Files.length > 0) { 
       $.each(value.Files, function (x, File) { 
        items += {parentId: i, Name: File, Type:"File"} 
       }); 
      } 
      if (value.Servers.length > 0) { 
        $.each(value.Services, function (x, Server) { 
         items += { parentId: i, Name: Server, Type: "Server" } 
        }); 
       } 
      if (value.Databases.length > 0) { 
       $.each(value.Databases, function (x, DB) { 
        items += { parentId: i, Name: DB, Type: "Databases"} 
       }); 
      } 
      if (value.Services.length > 0) { 
      $.each(value.Services, function (x, Service) { 
       items += { parentId: i, Name: Service, Type: "Service" } 
       }); 
      } 
      if (value.SecGroups.length > 0) { 
      $.each(value.SecGroups, function (x, PSI) { 
       items += { parentId: i, Name: PSI, Type: "SecGroup" } 
       }); 
      } 


    }); 


    $("#ResultsList").kendoTreeList({ 
     columns: [ 
      { field: "Name" }, 
      { field: "Type"}, 
      { 
      command: [{ 
      name: "Display", 
      text: "Display", 
      click: function (e) { 
       // e.target is the DOM element representing the button 
       var tr = $(e.target).closest("tr"); // get the current table row (tr) 
       // get the data bound to the current table row 
       var data = this.dataItem(tr); 
       console.log("Details for: " + data.Name); 
       Display(data.Name, data.Type) 
      } 
     }] 
      } 
     ], 
     editable: true, 
     dataSource: items 
    }); 
} 
function Display(value,Type)... 
</script> 

より多くのコードが、検索結果があり、すべてのことが必要だし、それはkendoTreeList機能が含まれています。デバッガは、.kendoTreeListは関数ではありませんが、そうでなければなりません。なぜそれは機能ではないと言っているのですか?

+0

kendo.allを追加すると、すべてのウィジェットが既に追加されているため、ツリーリストソースへの参照を1つ追加する必要はありません。また、ファイルが適切にロードされている場合は、コンソールのネットワークタブをダブルチェックしてください。 – DontVoteMeDown

+0

両方とも正常にロードされます。私が剣道を落としても、すべての剣道ツリーリストは、まだkendo.treelistが正しくロードされている@DontVoteMeDownに失敗します。 –

+0

'SearchResults()'をどこで呼び出すのですか? – DontVoteMeDown

答えて

0

この問題は、複数のJQueryスクリプトの参照が原因で発生しています。 ページののMVCで作業している場合、デフォルトでは、ビュー - >共有 - > Layout.cshtmlの参照が下部に@Scripts.Render("~/bundles/jquery")となっています。これは削除する必要があります。複数のJqueryリファレンスがあると、スクリプトで問題が発生し、コンパイラが使用しようとしている関数を見つけることができなくなります。

関連する問題