2017-03-17 5 views
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入力チェックボックスに変換しようとします: enter image description here

入力チェックボックスのIDを変更する方法はありますか? 私はjsonファイル "id:test"でキーIDを設定しようとしましたが、次のようなhtmlスクリプトを返します: enter image description here 何か "ext:tree-node-id = test"このようなもの "<input class="x-tree-node-cb" type="checkbox" id="test">" これを実行する方法はありますか?これに

答えて

1

変更入力のチェックボックスをありがとう:

XTYPE: 'のチェックボックス'、
ID: 'hidetypecheckbox'、

よろしく
MH

関連する問題