easyui tree带checkbox实现单选的简单实例
<ulid="regionTree"></ul>
$('#regionTree').tree({
cascadeCheck:false,
//onlyLeafCheck:true,
checkbox:true,
data:[{
"id":1,
"text":"MyDocuments",
"children":[{
"id":11,
"text":"Photos",
"state":"closed",
"children":[{
"id":111,
"text":"Friend"
},{
"id":112,
"text":"Wife"
},{
"id":113,
"text":"Company"
}]
},{
"id":12,
"text":"ProgramFiles",
"children":[{
"id":121,
"text":"Intel"
},{
"id":122,
"text":"Java",
"attributes":{
"p1":"CustomAttribute1",
"p2":"CustomAttribute2"
}
},{
"id":123,
"text":"MicrosoftOffice"
},{
"id":124,
"text":"Games",
"checked":true
}]
},{
"id":13,
"text":"index.html"
},{
"id":14,
"text":"about.html"
},{
"id":15,
"text":"welcome.html"
}]
}]
,
width:160,
height:32,
panelHeight:400,
onSelect:function(node){
varcknodes=$('#regionTree').tree("getChecked");
for(vari=0;i<cknodes.length;i++){
if(cknodes[i].id!=node.id){
$('#regionTree').tree("uncheck",cknodes[i].target);
}
}
if(node.checked){
$('#regionTree').tree('uncheck',node.target);
}else{
$('#regionTree').tree('check',node.target);
}
},
onLoadSuccess:function(node,data){
$(this).find('span.tree-checkbox').unbind().click(function(){
$('#regionTree').tree('select',$(this).parent());
returnfalse;
});
}
})
关键代码：
onSelect:function(node){
varcknodes=$('#regionTree').tree("getChecked");
for(vari=0;i<cknodes.length;i++){
if(cknodes[i].id!=node.id){
$('#regionTree').tree("uncheck",cknodes[i].target);
}
}
if(node.checked){
$('#regionTree').tree('uncheck',node.target);
}else{
$('#regionTree').tree('check',node.target);
}
},
onLoadSuccess:function(node,data){
$(this).find('span.tree-checkbox').unbind().click(function(){
$('#regionTree').tree('select',$(this).parent());
returnfalse;
});
}
以上这篇easyuitree带checkbox实现单选的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。