劍道UI樹視圖 - 當綁定到本地數據

更新複選框狀態我有一個JavaScript對象與項目數組定義層級。當我創建一個kendoTreeView部件與此數據，loadOnDemand設置爲假，本來應該是不確定的複選框，顯示爲未選中狀態。劍道UI樹視圖 - 當綁定到本地數據

我所做的解決這個問題的方法是將loadOnDemand設置爲true，展開所有節點並將其摺疊。

的展開和摺疊是必要的，因爲我在用戶交互樹的葉節點上工作。

有沒有辦法實現這個loadOnDemand設置爲false？

來源

2017-08-21 Nisarg Patel

<!DOCTYPE html> 
<html> 
    <head> 
    <base href="http://demos.telerik.com/kendo-ui/treeview/local-data-binding"> 
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> 
    <title></title> 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common-material.min.css" /> 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.1028/styles/kendo.material.min.css" /> 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.1028/styles/kendo.material.mobile.min.css" /> 

    <script src="//kendo.cdn.telerik.com/2016.3.1028/js/jquery.min.js"></script> 
    <script src="//kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script> 
    </head> 
    <body> 
    <div id="example"> 

     <div class="demo-section k-content"> 
     <h4>Inline data (default settings)</h4> 
     <div id="treeview-left"></div> 
     </div> 


     <script> 
     var inlineDefault = new kendo.data.HierarchicalDataSource({      
      data: [{ 

      "Name": "Test", 
      "enabled": true, 
      "text": "Test", 
      "id": "Test", 
      "Description": null, 
      "Key": null, 
      "items": [{ 
       "Name": "Workspace", 
       "enabled": true, 
       "text": "Workspace", 
       "id": "Workspace", 
       "Description": null, 
       "Key": null, 
       "items": [], 
       "checked": true, 
       "expanded": true 
      }, 
         { 
         "Name": "Deploy", 
         "enabled": true, 
         "text": "Deploy", 
         "id": "Deploy", 
         "Description": null, 
         "Key": null, 
         "items": [{ 
          "Name": "Test.Deploy.Application", 
          "enabled": true, 
          "text": "Application", 
          "id": "Test.Deploy.Application", 
          "Description": "", 
          "Key": "Test.Deploy.Application", 
          "items": [], 
          "checked": false, 
          "expanded": true 
         }, 
            { 
            "Name": "Test.Deploy.Visualization", 
            "enabled": true, 
            "text": "Visualization", 
            "id": "Test.Deploy.Visualization", 
            "Description": "", 
            "Key": "Test.Deploy.Visualization", 
            "items": [], 
            "checked": true, 
            "expanded": true 
            }, 
            { 
            "Name": "Test.Deploy.Application Workspace", 
            "enabled": true, 
            "text": "Application Workspace", 
            "id": "Test.Deploy.Application Workspace", 
            "Description": "", 
            "Key": "Test.Deploy.Application Workspace", 
            "items": [], 
            "checked": false, 
            "expanded": true 
            }], 
         "checked": null, 
         "expanded": true 
         }], 
      "checked": null, 
      "expanded": true 
      }] 

     }); 

     $("#treeview-left").kendoTreeView({ 
      dataSource: inlineDefault, 
      checkboxes: { 
      checkChildren: true, 
      }, 
      loanOnDemant:false, 
     }); 


     </script> 
    </div> 


    </body> 
</html>

它對我的工作！ For more details

來源

2017-08-22 04:51:48

劍道UI樹視圖 - 當綁定到本地數據

回答

相關問題