初窥Extjs

最近看到一个兄弟的 博客 写的很好 等着没事儿的时候过来看一下
http://www.juyimeng.com/tag/javascript
是讲 JavaScript 中循环的

最近在研究树 但是遇到了问题 continue在这里面报错 说must be inside loop
没搞明白 试试将continue放在for循环里试试吧

/*!
* Ext JS Library 3.0.0
* Copyright(c) 2006-2009 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/

Ext.onReady(function(){
var tree = new Ext.tree.TreePanel({
renderTo:'tree-div',
title: 'My Task List',
height: 450,
width: 600,
useArrows:true,
autoScroll:true,
animate:true,
enableDD:true,
containerScroll: true,
rootVisible: false,
frame: true,
root: {
nodeType: 'async'
},

// auto create TreeLoader
dataUrl: 'check-nodes.json',

// checkbox选中时候的样式
//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(); // getNode select return array
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.on 函数传入参数 第一个：事件名， 第二个：函数，第三个：Object
// 全局变量

tree.on('checkchange', function(node, checked) {
var checked = true;
var all = '';
node.expand(); // 展开这个节点
if(node.isLeaf()){
var parent = node.parentNode;
parent.eachChild(function(child){
if(!child.getUI().isChecked()){
checked = false;
continue;
}
});
//alert(all);
//alert('checked = '+checked);
if(checked){
parent.ui.toggleCheck(checked);
parent.attributes.checked = checked;
}
}
// 全选加反选
if(!node.isLeaf()){
node.attributes.checked = checked;
node.eachChild(function(child) {
if(child.getUI().isChecked()){
continue;
}
child.ui.toggleCheck(checked); //设置树节点的checked状态值到传入的值
child.attributes.checked = checked;
// child.fireEvent('checkchange', child, checked);
});
}
});

tree.getRootNode().expand(true);
});