treeview支持部分节点复选框不可选中么

treeview支持部分节点复选框不可选中么，我这边需要判断不是最末级节点，不能选中。

这个没有直接控制的接口，但可以自己实现，参考以下代码：

1. import 'bootstrap.css';
   
2. import '@grapecity/wijmo.styles/wijmo.css';
   
3. import './styles.css';
   
4. import * as wjNav from '@grapecity/wijmo.nav';
   
5. import { getData } from './data';
   
6. //
   
7. document.readyState === 'complete' ? init() : window.onload = init;
   
8. //
   
9. function init() {
   
10.     let tree = new wjNav.TreeView('#theTree', {
    
11.         itemsSource: getData(),
    
12.         displayMemberPath: 'header',
    
13.         childItemsPath: 'items',
    
14.         showCheckboxes: true,
    
15.         //
    
16.         // show checked items below the tree
    
17.         checkedItemsChanged: (sender) => {
    
18.             let items = sender.checkedItems, msg = '';
    
19.             //
    
20.             if (items.length) {
    
21.                 msg = '<p><b>Checked Items:</b></p><ol>\r\n';
    
22.                 for (let i = 0; i < items.length; i++) {
    
23.                     msg += '<li>' + items[i].header + '</li>\r\n';
    
24.                 }
    
25.                 msg += '</ol>';
    
26.             }
    
27.             //
    
28.             document.getElementById('tvChkStatus').innerHTML = msg;
    
29.         }
    
30.     });
    
31. 
    
32.     var nodes = tree.nodes;
    
33.     function getArray(nodes)
    
34.     {
    
35.         for (var i in nodes) {
    
36.             if (nodes[i].hasChildren) {
    
37.                 console.log(nodes[i].element);
    
38.                 nodes[i].element.getElementsByClassName('wj-node-check')[0].disabled=true;
    
39.                 getArray(nodes[i].nodes);
    
40.             }
    
41.         }
    
42.     }
    
43.     getArray(nodes);
    
44.    
    
45.     //
    
46.     let checkedItems = [];
    
47.     //
    
48.     // handle buttons
    
49.     document.getElementById('btnCheckAll').addEventListener('click', () => {
    
50.         tree.checkAllItems(true);
    
51.     });
    
52.     //
    
53.     document.getElementById('btnUncheckAll').addEventListener('click', () => {
    
54.         tree.checkAllItems(false);
    
55.     });
    
56.     //
    
57.     document.getElementById('btnSaveState').addEventListener('click', () => {
    
58.         checkedItems = tree.checkedItems || [];
    
59.     });
    
60.     //
    
61.     document.getElementById('btnRestoreState').addEventListener('click', () => {
    
62.         tree.checkedItems = checkedItems;
    
63.     });
    
64. }
    

复制代码

这部分代码完整拷贝到示例的app.js中就可以看到效果了。

https://www.grapecity.com/wijmo/ ... s/Checkboxes/purejs