>웹 프론트엔드 >JS 튜토리얼 >Jstree가 상위 노드를 선택하면 하위 노드 비활성화도 선택됩니다.

Jstree가 상위 노드를 선택하면 하위 노드 비활성화도 선택됩니다.

php中世界最好的语言
php中世界最好的语言원래의
2018-04-13 14:09:332393검색

이번에는 Js트리를 가져왔습니다. 상위 노드가 선택되고 하위 노드가 비활성화되면 하위 노드도 선택됩니다. Jstree의 문제를 해결하기 위한 노트는 무엇입니까? 가 선택되어 있고 하위 노드가 비활성화되어 있으며 하위 노드도 선택되어 있는지 함께 살펴보겠습니다.

문제 설명:

최근 jstree를 사용하면서 문제가 발생했습니다. 상위 노드를 선택하면 비활성화된 하위 노드도 다음과 같이 선택됩니다

해결책:

1. jstree를 최신 버전인 v3.3.4 이상으로 업그레이드하세요.

2. 체크박스 플러그인 구성을 수정하고 cascade_to_disabled를 false로 설정합니다. (참고: 구성 스크립트는 jstree.min.js 뒤에 배치해야 합니다.)

<script src="./../../dist/jstree.min.js"></script>
<script>
$.jstree.defaults.checkbox = {
      visible: true,
      three_state: true,
      whole_node: true,
      keep_selected_style: true,
      cascade: '',
      tie_selection: true,
      /**
      * This setting controls if cascading down affects disabled checkboxes
      * @name $.jstree.defaults.checkbox.cascade_to_disabled
      * @plugin checkbox
      */
      cascade_to_disabled : false,
      cascade_to_hidden : true
};
 
 
$('#data').jstree({
    'core' : {
      'data' : [
        { "text" : "Root node", "children" : [
            { "text" : "Child node 1", "state": { "disabled": true } },
            { "text" : "Child node 2" },
            { "text" : "Child node 3" },
            { "text" : "Child node 4" },
            { "text" : "Child node 5" },
            { "text" : "Child node 6" }
        ]}
      ]
    }
    ,"plugins" : [ "checkbox" ]
  });
</script>

이 기사의 사례를 읽고 나면 방법을 마스터했다고 생각합니다. 더 흥미로운 정보는 PHP 중국어 웹사이트의 기타 관련 기사를 주목해 주세요!

추천 도서:

Swiper에서 사용자 정의 페이지네이터를 사용하는 단계에 대한 자세한 설명

vue.js mint-ui 캐러셀 구성 요소를 사용하는 방법

위 내용은 Jstree가 상위 노드를 선택하면 하위 노드 비활성화도 선택됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.