dojo tree with checkbox

项目中的新需求，所以研究了下。前后共想出2个方法，但最后采用了第2种。

• 在dijit.tree 创建treeNode时同时创建我们的 checkbox
• 在构造 tree 后，替换默认图标，就是说事先准备好checkbox的图标（我使用4个小图标，checked,uncheck,disabled,checkdisable 4种状态）

1、在创建treeNode的时候创建mycheckbox

//
this.setCheckBox(this.label);

//
setCheckBox:function(label){
		//清除
		this.labelNode.innerHTML="";
		
		//创建
		var ckbox=document.createElement("input");
	
		//添加
		this.labelNode.appendChild(ckbox)
                  //or
                   //this.rowNode.appendChild(ckbox)
		
                  //我这里使用的也是dojo的checkbox，样子好看点 
		var checkBox = new dijit.form.CheckBox({
			//id:"myckbox_"+this.item.id,
			name:"myckbox_"+this.item.id,
			value:this.item.checked,
			onClick:selfClick
		  }, ckbox);
	          
                  //这里是判断item属性值
		if(this.item.checked==1){
			checkBox.setValue(1);		
		}
		if(this.item.checked==0){
			checkBox.setValue(0);
		}
		this.checkNode=checkBox;
	
	},

这样就可以在你的dojotree上使用了，不过问题还是有点，当我选择父级节点然后带动子级节点时，只有通过label点击才可以。后发现如果在rowNode上创建的话，我就可以根据lablenode来联动了。

评论

1 楼 深黯V 2009-08-03  

额 请问有没有简单示例的源码下载？