:: Forum >>
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 = ["", true, false, "mixed", false, true, false];
var treeText = ["", "Home", "Favorites", "Font size", "Search", "Child1", "Child2"];
var treeImage = ["", "home", "favorites", "fontsize", "search"];
var treeView = {0:[1, 2, 3, 4], 1:[5, 6], 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(event, i){
window.status = "item mouse down: " + i;
}
tree.onItemClicked = function(event, i){
}
tree.onItemValueChanged = function(value, i){
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