如何限制angularjs中树中特定节点的拖放?

时间:2017-01-03 11:44:07

标签: javascript jquery html angularjs treeview

我使用拖放功能在angularjs中创建了treeview示例。我想限制特定节点的拖放

例如: - 节点1.2始终是子节点需要限制丢弃节点1.2上的其他节点 并动态删除节点1.2的添加按钮或禁用添加按钮。

Demo link(Plunker)

我的树数据:

$scope.data = [{
    'id': 1,
    'title': 'node1',
    'nodes': [
      {
        'id': 11,
        'title': 'node1.1',
        'nodes': [
          {
            'id': 111,
            'title': 'node1.1.1',
            'nodes': []
          }
        ]
      },
      {
        'id': 12,
        'title': 'node1.2',
        'nodes': []
      }
    ]
  }, {
    'id': 2,
    'title': 'node2',
    'nodrop': true, // An arbitrary property to check in custom template for nodrop-enabled
    'nodes': [
      {
        'id': 21,
        'title': 'node2.1',
        'nodes': []
      },
      {
        'id': 22,
        'title': 'node2.2',
        'nodes': []
      }
    ]
  }, {
    'id': 3,
    'title': 'node3',
    'nodes': [
      {
        'id': 31,
        'title': 'node3.1',
        'nodes': []
      }
    ]
  }];
}]);

0 个答案:

没有答案