WjTreeView checkbox如何设置初始值

WjTreeView checkbox如何设置初始值
checkeditems 设置后没有反应　初始选择某一个checkbox 如何做到
求助

有人用过么？求解答。难道这个控件的check不能有初始值么？接口没留么

没有技术人员给解决这个问题么，TreeView控件提供了Checkbox，但是没有办法在初期的时候默认选中，你们提供这个控件是做什么用？太坑了。

您好，请参考Wijmo TreeView的API，selectedItem：

https://demos.wijmo.com/5/Angula ... s.html#selectedItem

KevinChen 发表于 2019-3-11 18:26
您好，请参考Wijmo TreeView的API，selectedItem：

https://demos.wijmo.com/5/Angular/WijmoHelp/Wijmo ...

多谢回答，提供的网站打开是空白的
selecteditem是可以自定义赋值的么？大概是什么格式
我使用的是
this.items = [{header:Electronics}];
this.tvTreeView.selectedItem = this.items;
Treeview控件绑定的数据源就是官网例子。
但是checkbox无法绑定

请参照

1.    ///////////////////////////////////////////////////////////////////////
   
2.     // Checkboxes
   
3.     var tvChk = new wijmo.nav.TreeView('#tvChk', {
   
4.         displayMemberPath: 'header',
   
5.         childItemsPath: 'items',
   
6.         showCheckboxes: true,
   
7.         itemsSource: items,
   
8.         checkedItemsChanged: function (s, e) {
   
9.             var items = s.checkedItems,
   
10.                 msg = '';
    
11.             if (items.length) {
    
12.                 msg = '<p><b>Checked Items:</b></p><ol>\r\n';
    
13.                 for (var i = 0; i < items.length; i++) {
    
14.                     msg += '<li>' + items[i].header + '</li>\r\n';
    
15.                 }
    
16.                 msg += '</ol>';
    
17.             }
    
18.             document.getElementById('tvChkStatus').innerHTML = msg;
    
19.         }
    
20.     });
    
21. 
    
22.     // check/uncheck all nodes
    
23.     document.getElementById('btnCheckAll').addEventListener('click', function () {
    
24.         tvChk.checkAllItems(true);
    
25.     });
    
26.     document.getElementById('btnUncheckAll').addEventListener('click', function () {
    
27.         tvChk.checkAllItems(false);
    
28.     });
    
29. 
    
30.     // save/restore checked state
    
31.     var saveCheckedItems = null;
    
32.     document.getElementById('btnSaveState').addEventListener('click', function () {
    
33.         saveCheckedItems = tvChk.checkedItems;
    
34.     });
    
35.     document.getElementById('btnRestoreState').addEventListener('click', function () {
    
36.         tvChk.checkedItems = saveCheckedItems || [];
    
37.     });

复制代码

JeffryLI 发表于 2019-3-13 09:49
请参照

多谢回复 这个例子之前在你们网站看到了。但是无法解决我的问题。
例子中，只是把SelectedItem对象保存后，恢复按钮按下再传递给 TreeView的SelectedItem对象。

如果我想在初期选中某一个CheckBox，需要传递一个什么结构的对象给 SelectedItem才能好用？
我想自定义SelectedItem？请问结构大概什么样？请指教

您好，这个selectedItem  也是node的类型，您的这个问题我先尝试写一个demo 看是否能能做到您说的这个需求，有消息回复您

您好，请参考 如下代码

1. // create the tree
   
2.   var tree = new wijmo.nav.TreeView('#theTree', {
   
3.     itemsSource: getData(),
   
4.     displayMemberPath: 'header',
   
5.     childItemsPath: 'items',
   
6.     showCheckboxes: true
   
7.   });
   
8. 
   
9.   // initialize the checked items
   
10.   tree.checkedItems = [
    
11.     findItem(tree, 'Apple'),
    
12.     findItem(tree, 'Motorola'),
    
13.     findItem(tree, 'Samsung'),
    
14.     findItem(tree, 'Shopkins'),
    
15.     findItem(tree, 'Crayola')
    
16.   ]
    
17. 
    
18.   // find a data item in the tree based on the displayMemberPath value
    
19.   function findItem(tree, value, items) {
    
20.     if (!items) {
    
21.       items = tree.itemsSource;
    
22.     }
    
23.     for (var i = 0; i < items.length; i++) {
    
24.       var item = items[i];
    
25.       if (item[tree.displayMemberPath] == value) {
    
26.         return item;
    
27.       }
    
28.       var childItems = item[tree.childItemsPath];
    
29.       if (childItems) {
    
30.         var child = findItem(tree, value, childItems);
    
31.         if (child) {
    
32.           return child;
    
33.         }
    
34.       }
    
35.     }
    
36.     return null;
    
37.   }
    
38. 
    
39.   // get the tree data
    
40.   function getData() {
    
41.     return [{
    
42.         header: 'Electronics',
    
43.         img: 'resources/electronics.png',
    
44.         items: [{
    
45.             header: 'Trimmers/Shavers'
    
46.           },
    
47.           {
    
48.             header: 'Tablets'
    
49.           },
    
50.           {
    
51.             header: 'Phones',
    
52.             img: 'resources/phones.png',
    
53.             items: [{
    
54.                 header: 'Apple'
    
55.               },
    
56.               {
    
57.                 header: 'Motorola',
    
58.                 newItem: true
    
59.               },
    
60.               {
    
61.                 header: 'Nokia'
    
62.               },
    
63.               {
    
64.                 header: 'Samsung'
    
65.               }
    
66.             ]
    
67.           },
    
68.           {
    
69.             header: 'Speakers',
    
70.             newItem: true
    
71.           },
    
72.           {
    
73.             header: 'Monitors'
    
74.           }
    
75.         ]
    
76.       },
    
77.       {
    
78.         header: 'Toys',
    
79.         img: 'resources/toys.png',
    
80.         items: [{
    
81.             header: 'Shopkins'
    
82.           },
    
83.           {
    
84.             header: 'Train Sets'
    
85.           },
    
86.           {
    
87.             header: 'Science Kit',
    
88.             newItem: true
    
89.           },
    
90.           {
    
91.             header: 'Play-Doh'
    
92.           },
    
93.           {
    
94.             header: 'Crayola'
    
95.           }
    
96.         ]
    
97.       },
    
98.       {
    
99.         header: 'Home',
    
100.         img: 'resources/home.png',
     
101.         items: [{
     
102.             header: 'Coffee Maker'
     
103.           },
     
104.           {
     
105.             header: 'Breadmaker',
     
106.             newItem: true
     
107.           },
     
108.           {
     
109.             header: 'Solar Panel',
     
110.             newItem: true
     
111.           },
     
112.           {
     
113.             header: 'Work Table'
     
114.           },
     
115.           {
     
116.             header: 'Propane Grill'
     
117.           }
     
118.         ]
     
119.       }
     
120.     ];

复制代码

JeffryLI 发表于 2019-3-18 09:35
您好，请参考 如下代码

感谢~ 我一会试试。