1
私はこのようなExt.jsから基本treepanelチェックボックスの例があります。変更Ext.js TreePanelチェックボックス要素
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);
});
そして、これはチェック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
}]
}]
ので、内線。 jsはこれらのjsonデータを次のようにHTML入力チェックボックスに変換しようとします:
入力チェックボックスのIDを変更する方法はありますか? 私はjsonファイル "id:test"でキーIDを設定しようとしましたが、次のようなhtmlスクリプトを返します: 何か "ext:tree-node-id = test"このようなもの "
<input class="x-tree-node-cb" type="checkbox" id="test">
" これを実行する方法はありますか?これに