2013-07-11 4 views
1

계층 구조 데이터에 igtree :Infragistics의 내가 데이터 구조 같은이

 
Node Parent  Name 
1 -1   Level1 
2  1   Level2 - 1 
3  1   Level2 - 2 
4  2   Level3 - 1 
5  2   Level3 - 2 
6  3   Level3 - 3 
.... 

이 데이터 무제한 수준으로 발생할 수 있습니다. 나는 그런 트리 뷰를 만들기 위해 infragistics igtre를 사용하려고합니다. 몇 가지 기본 예제를 확인했지만별로 도움이되지 않습니다. 예 : http://help.infragistics.com/jQuery/2013.1/ui.igtree 미리 정의 된 계층 구조로 제한됩니다. 나는 나무를 만들고 싶다. 그리고 나는 어느 수준의 어떤 노드라도 추가 할 수 있고 모든 노드를 움직일 수 있기를 원한다. asp.net JQUERY AJAX를 사용하고 있습니다. Infragistics 컨트롤을 사용하는 것이 좋습니다. 절대 mvc 모델을 완료하지 마십시오. 이 경험이있는 사람이라면 샘플 코드를 보내 주실 수 있습니까? 많은 감사.

답변

3

igTree는 동적 컨트롤이며 미리 정의 된 계층에 국한되지 않고 모델이 기본 스키마를 준수해야합니다. 컨트롤이 자체 바인딩을 알아낼 수있는 방법은 없지만 전체 트리에서 단일 바인딩을 공유 할 수 있습니다.

  • 초기에게 : 이것은 증명하기위한 것입니다 무엇

    http://jsfiddle.net/damyanpetev/x4eAB/

    : 예를 들어 내가이 샘플을 만든 바인딩이 Add Remove Node API sample과 유사한으로 촬영했습니다 - 기본적으로 당신은 바로 이곳에서 볼 필요가 계층 구조는 무작위입니다 (일부 항목은 추가 수준이 있음) - 이므로 시작할 때 모든 고정 된 수준으로 제한되지 않습니다.

  • 추가 노드 추가는 모든 레벨에서 수행 할 수 있으며 새로운 노드 자체는 에 배수 수준을 지정할 수 있으므로 무제한 계층 구조가 제공됩니다.
  • 단일 바인딩을 정의하면 후속 레버에 후속 레버에 사용되므로 모든 항목에 '텍스트'속성이 있고 '노드'에 이 있고 텍스트와 노드가있는 항목이 더 많이 있습니다. 인해

    $("#tree").igTree({ 
        bindings: { 
         textKey: 'Text', 
         valueKey: 'Text', 
         childDataProperty: 'Nodes' 
        } 
    }); 
    
  • 공유 노드를 결합하는 단일 속성 Drag and Drop을 활성화 할 수 있습니다 및 이동 당신과 같이하십시오 주변 노드 을 의미 다른의 부모가 될 수 있습니다. 당신이 당신의 모델 항목이 유사하고 쉽게이 경우 일치합니다 무제한 계층 구조를 갖고 싶어하기 때문에 당신이 그들을 해결하기 위해 몇 가지 LINQ를 사용할 수없는 경우

나는, 있으리라 믿고있어. 당신이 제공 한 데이터 구조는 모델을 잘 설명하지 못하기 때문에 이것이 도움이되지 않는다면 좀 더 자세한 정보가 필요합니다.