dojo tree with checkbox

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

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

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来联动了。


[img]/upload/attachment/130693/43d5054b-bfa4-3834-950c-5a0271ff07f2.jpg[/img]