Tree

Tree type one is a special tree picker, it allows parent nodes to be selected independently from their children. This tree type structure is used to show relations between different items. Selected items are marked with a full checkmark '✓'.

         $scope.treeOption = {
          NodeDisplayName: "label",
          NodeChildrenName: "nodes",
          NodeSelectedMark: "selected"
          };

      

Tree type two is a general tree structure using parent-child relation. This tree type structure is used to show relations between different items. Selected items are marked with a full checkmark '✓' or semi-checkmark '-'. If parent item contains one child item it is marked as selected as well as its parent with semi-checkmark. if all child items are selected, the parent item will mark with full checkmark.

         $scope.treeOption2 = {
          NodeDisplayName: "label",
          NodeChildrenName: "nodes",
          NodeSelectedMark: "selected",
          NodeSemiSelected: "semiSelected"
          };

      

If the tree data has several first level parents (as root in this description), selection is only allowed for one of them at a time.

         $scope.treeOption3 = {
          NodeDisplayName: "label",
          NodeChildrenName: "nodes",
          NodeSelectedMark: "selected",
          NodeSemiSelected: "semiSelected",
          RootSelectUnique: true
          };

      

Tree picker filter is a general filter for all types of tree picker and it uses for filter site/team within a organization by input keyword.

         $scope.treeOption4 = {
          NodeDisplayName: "label",
          NodeChildrenName: "nodes",
          NodeSelectedMark: "selected",
          NodeSemiSelected: "semiSelected",
          DisplayTreeFilter: true
          };