2016-09-12 2 views
0

я следовал этому, как к для использования управления TreeView VSS (на TFS2015.3): https://www.visualstudio.com/en-us/docs/integrate/extensions/develop/ui-controls/treeviewoВСС управления TreeView верхние узлы отображать значки, а не имя узла

Но главные узлы, показывающие странные значки вместо имя узла (см. рисунок) result http://i67.tinypic.com/1zd1bbo.jpg

+0

Попробуйте изменить * showIcons * к ложным в [управления TreeView] (https://www.visualstudio.com/en-us/docs/integrate/extensions/reference/client/controls/tree) –

+0

Patrick: эффекта нет, все те же результаты –

+0

Можете ли вы поделиться своим кодом в html? –

ответ

0

Я не видел никаких проблем, следуя инструкциям, которые вы предоставляете. Ниже приводится содержание в моем HTML для справки:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>EdControl</title> 
    <script src="sdk/scripts/VSS.SDK.js"></script> 
</head> 
<body> 
    <h1>EdControl</h1> 
    <div id="sample-container"></div> 
    <script type="text/javascript"> 
     VSS.init({ 
      // Our extension will explicitly notify the host when we're done loading 
      explicitNotifyLoaded: true, 

      // We are using some Team Services APIs, so we will need the module loader to load them in 
      usePlatformScripts: true, 
      usePlatformStyles: true 
     }); 
     VSS.require(["VSS/Controls", "VSS/Controls/TreeView"], 
    function (Controls, TreeView) { 

     var container = $("#sample-container"); 


     var source = [ 
      { 
       name: "Asia", icon: "icon icon-people", children: [ 
       { name: "Russia" }, 
       { name: "Afghanistan" }, 
       { name: "India" }, 
       { name: "China" }] 
      }, 
      { 
       name: "Africa", icon: "icon icon-people", children: [ 
       { name: "Algeria" }, 
       { name: "Botswana" }, 
       { name: "Cameroon" }] 
      }, 
      { 
       name: "Europe", icon: "icon icon-people", children: [ 
       { name: "Germany" }, 
       { name: "Slovenia" }, 
       { name: "Belgium" }, 
       { name: "Luxembourg" }, 
       { name: "Turkey" } 
       ], 
       expanded: true 
      } 
     ]; 

     // Converts the source to TreeNodes 
     function convertToTreeNodes(items) { 
      return $.map(items, function (item) { 
       var node = new TreeView.TreeNode(item.name); 
       node.icon = item.icon; 
       node.expanded = item.expanded; 
       if (item.children && item.children.length > 0) { 
        node.addRange(convertToTreeNodes(item.children)); 
       } 
       return node; 
      }); 
     } 

     // Generate TreeView options 
     var treeviewOptions = { 
      width: 400, 
      height: "100%", 
      nodes: convertToTreeNodes(source) 
     }; 

     // Create the TreeView inside the specified container 
     Controls.create(TreeView.TreeView, container, treeviewOptions); 
     VSS.notifyLoadSucceeded(); 
    }); 
    </script> 
</body> 
</html> 
+0

Спасибо, что ты прав. Я переключил usePlatformStyles на false, потому что в corecss полоса прокрутки не была отключена. Я включил панель прокрутки для моего тега html body body в моем CSS –

+0

Другой вопрос: где все доступные значки TFS для документированного дерева? «Значок icon-people» очень не соответствует моим функциональным требованиям. Спасибо! –