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



你可能感兴趣的:(dojo)