更改Ext.js TreePanelcheckbox元素

我有像这样的Ext.js的基本的treepanelcheckbox的例子：

Ext.onReady(function(){ var tree = new Ext.tree.TreePanel({ renderTo:'tree-div', title: 'My Task List', height: 300, width: 400, useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll: true, rootVisible: false, frame: true, root: { nodeType: 'async' }, // auto create TreeLoader dataUrl: 'check-nodes.json', listeners: { 'checkchange': function(node, checked){ if(checked){ node.getUI().addClass('complete'); }else{ node.getUI().removeClass('complete'); } } }, buttons: [{ text: 'Get Completed Tasks', handler: function(){ var msg = '', selNodes = tree.getChecked(); Ext.each(selNodes, function(node){ if(msg.length > 0){ msg += ', '; } msg += node.text; }); Ext.Msg.show({ title: 'Completed Tasks', msg: msg.length > 0 ? msg : 'None', icon: Ext.Msg.INFO, minWidth: 200, buttons: Ext.Msg.OK }); } }] }); tree.getRootNode().expand(true); }); 

这是为了check-nodes.json：

 [{ text: 'To Do', cls: 'folder', children: [{ text: 'Go jogging', id: 'test', leaf: true, checked: false },{ text: 'Take a nap', leaf: true, checked: false },{ text: 'Climb Everest', leaf: true, checked: false }] }] 

所以Ext.js会尝试将这些json数据转换为htmlinputcheckbox，如下所示：

有没有办法改变inputcheckbox的ID？ 我试图在json文件“id：test”中设置密钥ID，但它返回的是这样的HTML脚本： 一些影响它的“ext：tree-node-id = test”，我所需要的就是设置类似这样的“ <input class="x-tree-node-cb" type="checkbox" id="test"> “有没有办法做到这一点？ 谢谢

Answer 1

将inputcheckbox更改为：

xtype：'checkbox'，
id：'hidetypecheckbox'，

问候
MH