Just FYI, you left a console line(212) in TreeCheckbox.js
console.log(this.getNodeTarget(e));
Just FYI, you left a console line(212) in TreeCheckbox.js
console.log(this.getNodeTarget(e));
I was just wondering why the AsynchTriStateNodeUI isn't the default behaviour in all cases?
I was puzzling for a while about why child checkboxes weren't checked when the parent is checked unless the parent had been expanded at least once. Is there a case where you would not want the child nodes to be toggled when a parent is toggled?
Hi,
I just detected a bug using the TriStateTree version 1.2..
By including the TreeCheckbox.js into a index.html - the on('click') and some other events don't fire anymore - even when using just a normal tree without TriState checkboxes.
This is related with my Post here:
Here's some example code:
applayout.js:
index.html:Code:Ext.onReady(function(){ var data = [{ //id:'a', text:'A', leaf:true },{ //id:'b', text:'B', leaf:true }]; var tree = new Ext.tree.TreePanel({ width: 550, height: 300, rootVisible:false, autoScroll:true, title: 'TreeClickExample', renderTo: Ext.getBody(), loader: new Ext.tree.TreeLoader({ }), root: new Ext.tree.AsyncTreeNode({ children:data }) }); tree.on('click', function(n){ alert('click'); }); //tree.on('dblclick', function(n){ // alert('dblclick'); //}); });
By removing the line:Code:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="ext-2.2/resources/css/ext-all.css" media="screen"> <link rel="stylesheet" type="text/css" href="stylesheets/TreeCheckbox.css" media="screen" /> <link rel="stylesheet" type="text/css" href="stylesheets/TriStateNodeUI.css" media="screen" /> <script type="text/javascript" src="ext-2.2/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-2.2/ext-all-debug.js"></script> <script type="text/javascript" src="javascripts/TreeCheckbox.js"></script> <script type="text/javascript" src="javascripts/TriStateNodeUI.js"></script> <script type="text/javascript" src="applayout.js"></script> <title>TreeExample</title> </head> <body> </body> </html>from index.html - the onclick event fires, but this is also browser specific:Code:<script type="text/javascript" src="javascripts/TreeCheckbox.js"></script>
With TreeCheckbox.js included, the on('click') seems to work in Firefox 2.0.0.18
but not in Opera 9.62 Konqueror 3.5.5, IE 6.0.3790.3959 and Firefox 3.
The on('dblclick') event seems to work in all five of them.
I attached a full example of my code including the latest ext - version here:
We could see console.log() which is debuging script at line 212 of TreeCheckbox.js which is causing some problem in IE when we use listeners for TriStateCheckbox sampple page.
Do we require console.log() in TreeCheckbox.js ?
No, sorry, I left that line in by mistake. You can safely remove it.
Hi,
Can we please know what can we expect from the widget in terms of pros (working) and cons(non-working) stuff of the current Tri-state widgets.
Between the this.emptyIcon in the renderElements function (At line 78) in the TreeCheckbox.js is pointing to "http://www.extjs.com/s.gif" which will obviously cause problems when the end-user using the widget is offline.
Excpeting your reply on pros and cons.
Appreciate your response.
Regards,
Naveen
Did you read the first item of the Ext JS FAQ?
Hi!
I've extended this plugin to display columns like in sample ColumnTree.
Everything is the same except the names: ColumnCheckboxTree for TreePanel, ColumnCheckboxNodeUI for TriStateNodeUI and AsynchColumnCheckboxNodeUI for AsynchTriStateNodeUI.
Greets!
Hi,
Can you please let us know why even we are setting rootVisible:'false' is showing root on UI,
when we are using Tri-stateCheckBox tree with TreeLoader
It is important for us, please let us know.
Appreciate your help
Thanks & Regards,
Naveen
Agree with starmage, in FireFox, drag a node then release mouse, it freezes the drag, I commented some code to fix that, it works.
Code:delegateUp : function(e, t) { // if(!this.beforeEvent(e)) { // comment these 3 line // return; // } if(e.getTarget('.x-tree-checkbox', 1)) { this.onCheckboxUp(e, this.getNode(e)); } },