는 인터넷을 오랜 시간을 검색하지만, 다음을 수행 할 수있는 방법 찾을 수 없습니다 : 사용할 수있는 체크 박스를각도-IVH - 트 리뷰 쇼 선택된 노드와 장애인 확인란
표시 선택된 노드를하고 확인을.
필터 (ivh-treeview-filter)를 사용하여 선택된 노드 만 표시하는 것으로 보이지만 필터 기능이 작동하지 않습니다. (ivh-treeview는 Angular filterFilter를 사용한다고 언급합니다. 필터 함수 ?
그러나 내가?
은 어떻게 체크 박스가 만들 수있는이 작품이에 대한 활성 코드, 어디서나 예를 들어이없는 생각, IVH-treeview.js에 IVH - 트 리뷰 - 볼 - 속성이있다 비활성화 되었습니까?
미리 감사드립니다.
ivh-treeview는 데모 용 README에 jsbin 템플릿을 제공합니다. 아마도 여러분이 지금까지 시도한 것을 보여줄 수 있습니까? 나는 찔러 볼게.
ivh-treeview-filter을 사용하면 선택한 노드 만 표시 할 수 있습니다. 그래서 당신의 컨트롤러와 같은 기능을 정의
this.mySweetFilter = function(node) {
return node.selected;
};
그리고 당신의 지시에 전달 :
<div ivh-treeview="vm.treeData"
ivh-treeview-filter="vm.mySweetFilter">
</div>
다음은 모든 노드가 표시하거나 선택한 것들 여부를 전환 할 수있는 완벽하게 작동하는 데모입니다 : http://jsbin.com/nirovahupa/1/edit?html,js,output.
체크 박스를 동적으로 비활성화하는 것과 관련하여 지시문에 구운 내용이 없습니다. 그러나 사용자 정의 노드 템플리트를 사용할 수는 있지만 (필요하다면) 트리 뷰 체크 박스를 숨기고 자신의 비활성화 된 노드를 표시하는 간단한 문제 일 수 있습니다.
희망 하시겠습니까?
필터가 기능을 수행함을 나타냅니다. 우리는 템플릿을 사용하여 직접 지시문을 만들었습니다. 우리가 실수를했다면 다시 한번 확인해야합니다. –
체크 박스를 비활성화하기 위해 코드를 변경하고 우리 자신의 지시문에 래핑했습니다. ivh-treeview-checkbox-helper.js에서 템플릿을 변경했습니다. 확인란 템플릿을 재정의하는 방법을 보여주십시오. 우리가 알아 내야 할 한가지는, 부모 토글 (비활성화 된 노드가 아님)이 비활성화 된 체크 박스 노드에 대한 자식 체크 박스 값을 변경한다는 것입니다. 오늘 콜백 함수를 조사해야합니다. –
이 데모 - http://jsbin.com/jaqosi/edit?html,js,output - 체크 박스의 빌드를 맞춤 설정으로 대체합니다. 대신 일반 체크 박스와 함께 비활성화 된 체크 박스를 사용하는 것으로 상상할 수 있지만 토글 상태에 따라 한 번에 하나씩 만 표시하십시오. 더 간단하게 말하면, 클릭 할 때 트리에서 모든 확인란을 찾아서 사용/사용하지 않도록 설정할 수도 있습니다. – jtrussell
안녕하세요, 문제가 무엇인지 이해하는 데 도움이되는 몇 가지 코드와 추가 정보를 제공해주세요. – FishStix
ivh-Tree는이 기능을 제공하지 않습니다. 지침을 이해하고 해당 코드를 변경해야합니다. 나는 그것이 상당히 큰 지침이므로 그렇게하지 말 것을 제안합니다. – Mahesh