:: Forum >> Version 2 >>

How do I create treeview with checkbox and radiobutton

I want to create a treeview with checkbox, image and radiobutton. How can I do?
John
Tuesday, March 6, 2007
You should create your custom tree item template, for example, this one is a subclass of the standard tree item but it also adds checkbox code -

var MyTreeCheckbox AW.Tree.Item.subclass();

MyTreeCheckbox.create = function(){
    
AW.Templates.Checkbox.create.call(this);
}
 
Here is a complete example -

var MyTreeCheckbox AW.Tree.Item.subclass();

MyTreeCheckbox.create = function(){
    
AW.Templates.Checkbox.create.call(this);
}

var 
treeValue = [""truefalse"mixed"falsetruefalse];
var 
treeText = ["""Home""Favorites""Font size""Search""Child1""Child2"];
var 
treeImage = ["""home""favorites""fontsize""search"];
var 
treeView = {0:[1234], 1:[56], 2:[7], 3:[8], 4:[9]};

var 
tree = new AW.UI.Tree;
tree.setItemTemplate(new MyTreeCheckbox);
tree.setItemValue(treeValue);
tree.setItemText(treeText);
tree.setItemImage(treeImage);
tree.setViewCount(function(i){return treeView[i? treeView[i].length 0});
tree.setViewIndices(function(i){return treeView[i]});
document.write(tree);

tree.onItemMouseDown = function(eventi){
    
window.status "item mouse down: " i;
}

tree.onItemClicked = function(eventi){
    
// BUG: onItemClicked event does not fire
}

tree.onItemValueChanged = function(valuei){
    
window.status "checkbox value changed to: " value " " i;
}
 
Alex (ActiveWidgets)
Tuesday, March 6, 2007

Thanks Alex, It's working, but onItemClicked event isn't working ah!

John
John
Wednesday, March 7, 2007



This topic is archived.

Back to support forum

Forum search