Checkbox on Tree Leaf

Hi
I have created a tree in Apex 4 and I am having difficulty in creating a checkbox alongside each leaf of the tree.
Once checked, i would like to navigate to a specific page with the leaf details.
Any ideas of how to implement this?
Thanks.

Hi vee,
Sorry to hijack this completed tread.
I was trying to inject a check-box instead of an image modifying (see below) the code snippet you have provided.
$('div.tree li a').before('<a href="#"><input type="checkbox" name="edit_link"/></a>');
$('div.tree li input[name="edit_link"]').click( function() {
node_id = $(this).parents('li:first').attr('id');
alert('Selected node: '+node_id)
});I could see the checkboxes appear however, can not check them. It seems a follow-on action is cancelling out the selection.
http://apex.oracle.com/pls/otn/f?p=20358:9
Sorry, I am a JQuery beginner so could not explore much on it. I really appreciate if you could give some direction on how to go about with a solution.
What I am really after is the ability to add checkboxes to all nodes so that users could do multiple selection, based on which another report region can be filtered.
Also in IE the JsTree is rendering slow. Does the built-in JsTree support ajax expansion on nodes?
I really like to implement JsTree my own if it gives me more flexibility, but I guess it will be a big learning curve to transport JSON via ajax for node expansion, etc... but would be wonderful if there is an example available.
I hope you or somebody else could help.
Database: 11gR2
APEX : 4.1
Browser: IE7 and IE8
Looking forward for answers....
Kind Regards
Ligon
PS: I did submit this reply around noon AusEstnStand time on Sunday the 4th Aug, but looks like it got disappeared, along with replies I did on three other treads! never-mind I shall type them in again.

Similar Messages

Checkboxs in Tree

Hi There,
I am trying to tweak tree region in apex to include check-boxes.
Database: 11gR2
APEX : 4.1
Browser: IE7 and IE8
Re: Checkbox on Tree Leaf
Although I was able to get the check-boxes displayed, it is not functional.
Any comments are welcome.
Thank you
Ligon

Anyone please?
I guess trees are a bit tricky for anyone to care respond to :)-
I hope someone would dare.
Cheers
Ligon

CheckBox node tree with two diferent kind of nodes

Hai ,
I need to build a check box tree with two different kind of nodes , Child and Parent nodes .
CheckBox node tree with two diferent kind of nodes.
HOw will i write the renderer and editor for this ?

Study the method getTreeCellRendererComponent() of the class DefaultTreeCellRenderer.

ADF 10.1.3.0.4: tree leaf with no child nodes still displays folder icon?

I was reading through Frank Nimphius's Blog and found the entry entitled "ADF Faces: Building a hierarchical tree from recursive tables - October 05, 2006" and found a tree example in which a tree leaf with no child nodes do not display the folder icon.
I've followed the instructions listed with adf:tree, CoreTree and ChildPropertyTreeModel, but my tree leaves with no child nodes still displays the folder icon.
How do I remove this icon when the node is a leaf with no children?
Thanks,
--Todd

I figured it out.
I used the ChildPropertyTreeModel.isContainer() method.
--Todd

Using checkboxes as tree nodes

Hi friends,
can I add checkboxes as tree nodes? if yes, how this can be done?
Thanks in advances.

Hi,
sorry, but this question is not really easy to parse ( I tried two times and gave up ), can you reword it. What is it that you want to synchronize with a tree selection ?
Frank

Populate a canvas when a tree-leaf node is clicked

I'm trying to populate a canvas or a list container with
images when a tree-leaf node is clicked. I got the tree control
working alright so far (populated via an external XML) but I'm
having a hard time figuring out how to populate the adjacent
container when a leaf node from a tree is clicked by a user. I know
I'm supposed to code this in the 'change' event but am having a
difficult time trying to figure out how to do this. I looked at the
source code in some of the sample apps but I couldn't find anything
that resemble what I'm trying to do.
Since each leaf node would be unique, each one of them would
trigger an external load of images (via http service) ... and so
the url would be unique as well for each.
'Appreciate the help from anyone who could help.
Thanks.

Thanks for the quick response Tracy ...
Actually, I don't have mage load part coded yet :) ... I do
have a somewhat general idea on how it should be coded though (i
think, hehe). I'm thinking the selected item in the leaf node would
have the data for the 'url' or 'folder location' of the images that
would have to be retrieved and displayed in the canvas. I'm just
not sure how to go about diplaying them in the canvas. Do I have to
load them in some sort of array first and then datasourced it for
my canvas? Not really sure how to go about doing it ... 'am totally
newbie with Flex and just learning it by going through the online
help and looking at the codes on some of the sample apps.
Thanks again.
pixelflip

Adding a checkbox to Trees

Hi,
Anyone how to add a checkbox to every item in a tree? I
wanted to implement something that looks like what is found when
you install software and get that grey check meaning not all the of
the children items are not checked. I am not an expert with
ItemRenderers.

Write your own table model like
tm extends DefaultTableModel{
@Override
public Class getColumnClass(int index){
if(index== <your column for boolean>){
 return Boolean.class;
 }else
 return super.getColumnClass(index);
}

Menu option under recursive tree item/folder & checkbox in tree

Hi,
I want to present a checkbox next to an item or folder in a recursive tree.
I didn't see any option to do it so I tried to add a menu and a menu option type checkbox under the node item and note type.
The issue it does nothing.
Any ideas?
THanks,
Itay

Hi Akshay,
Everything mentioned here step by step:
0. You cannot use check-boxes inside tree, so you have to emulate them with images (or use Table with Tree-like master column -- not discussed in this message)
1. Create boolean attribute isChecked in node
2. Create calculated read-only string attribute cbIcon, write following in generated getter function:
return element.getIsChecked() ?
"~sapicons/b_okay.gif" : "~sapicons/b_canc.gif";
or whatever images you are using.
3. Create & bind action onAction for TreeNode / TreeItem.
-- apply parameters mapping in wdDoModifyView:
if ( firstTime )
final IWDTreeNodeType treeNode = (IWDTreeNodeType)
view.getElement("<your-tree-node-element-id>");
treeNode.mappingOfOnAction()
.addSourceMapping("path", "selectedElement");
Your action must define parameter with type of your node element and name selectedElement
-- write the following code for handler:
selectedElement.setIsSelected( !selectedElement.getIsSelected() );
4. Bind cbIcon attribute as TreeNode / TreeItem image source, bind rest of attributes.
--Done.
VS

Display Checkbox along Tree node and its child elements

Experts,
I want to display a checkbox in front of the Tree displayed in the view. This is used for me to select the child item value for my selection condition.
let say if the user selects the node, all the child elements will be used for search condition.
Otherwise, if the node is expanded, then the checkbox selected in the child element will be used for search condition...
Can u ppl suggest me how to design it, if possible can u share some sample code or procedure to customize the Tree as per the requirement...
thanx in advance,
James...

hi
please go through this
<a href="http://integration of a tree structure in a web dynpro table">https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/uuid/de59f7c2-0401-0010-f08d-8659cef543ce</a>
Thanks
Smitha

Tree/leaf and links

Hi,
I just created a tree based on sql, and it's great. But i like whenever users click branches or leaves, these branch/leaf will point to new pages. How to configure this?
By the way, it looks the htmldb How-to url is changed. What is the new url for html how-to?
Thanks.
Fei

hi fei--
if you edit the tree definition of your newly created tree, you'll see that it's really defined as a sql query. the fouth column selected out in this query is your link. if you opted not to have your tree link to anything during the process of using our wizard to create your tree, you'll find that fourth column is null. so if you made your tree off the emp table, your might look like this...
select "EMPNO" id,
"MGR" pid,
"ENAME" name,
null link,
null a1,
null a2
from "#OWNER#"."EMP"
...and if you change that fourth column like so...
select "EMPNO" id,
"MGR" pid,
"ENAME" name,
'f?p=&APP_ID.:1:&APP_SESSION.::NO::P1_EMPNO:'||"EMPNO" link,
null a1,
null a2
from "#OWNER#"."EMP"
...you'd find that clicking on an employee's name in your tree would link you over to page 1 setting :P1_EMPNO to the value of that emp's empno. the better way to do this, though, would be to set your linking up as you go through the tree wizard. the ninth step of that wizard asks you to "Identify Query". that screen has a "Link Option" field on it. it defaults to "Nothing", but it sounds as if you'd like it to link somewhere in your app. to have it do so, simply select the "Existing Application Item" option in that radio group. the next screen will then help you set up that link.
either of the above two approaches should work fine, but let us know if you need further assistance.
regards,
raj
ps-the htmldb how-to's are currently at http://otn.oracle.com/products/database/htmldb/howtos/index.html .i don't think they've been moved recently, but that's at least where they are now.

OOPs ALV Tree Leaf Value

Hi
I wish to get the value of leaf from ALV tree on Double click using OOPs.
I have created tree using hierarchy header with two levels. On double clicking on the node I am able to my required steps but i am unable to get the node value if the selected node is a leaf.
Please Guide.
Regards
Vijai

Hi,
Try looking at the SAP provided ALV tree example program SAPSIMPLE_TREE_CONTROL_DEMO.
Regards,
Sai

Adding image for the selected Tree leaf???

Hi All,
         I am working with flex tree component in which i have to add
an arrow image for the selected leaf node. I tried to do this using itemclick event
but cant make it. can you help me out in doing this???
Note: I have written custom Tree and TreeItemRenderer...
-Sundar

Thanks for ur reply Grizzzzzzzzz,
                                                is there a way to identify the selected leaf from within MyTreeItemRenderer(Extends TreeItemRenderer)?
                                               If this is possible,i can add the image to the selected leaf of the tree.
Right now i am assigning images to all the leaf nodes of the tree as follows:
public
class MyTreeItemRenderer extends TreeItemRenderer
* Override to draw a line in case current item is a leaf.
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):
void{
// Call super method
super.updateDisplayList(unscaledWidth, unscaledHeight);
if(super.data){
if(TreeListData(super.listData).hasChildren){
// logic for parent node comes here
else{
//Adding leaf Image
//Logic to add images to leaf
myImage.source = leafImage;
myImage.x =
super.label.x;
//The above code adds images to all leaf nodes. CAN I ADD THIS IMAGE ONLY TO THE SELECTED LEAF NODE???
//HOW TO FIND THE SELECTED LEAF NODE FROM HERE??? SO THAT SELECTED LEAF WILL BE ADDED WITH THE IMAGE???
//The above code adds images to all leaf nodes. CAN I ADD THIS IMAGE ONLY TO THE SELECTED LEAF NODE???
//HOW TO FIND THE SELECTED LEAF NODE FROM HERE??? SO THAT SELECTED LEAF WILL BE ADDED WITH THE IMAGE???
THANKS,
SUNDAR

Link from tree leaf

Hi
I use a tree to display a hierarchy, which allows a user to click on a node which invokes a link (back to the same page) to display the contents of that node in a scrollable list.
This works great but I'd like the use to only be able to click on leaf nodes. Can I disable the link on parent nodes somehow?
Thanks for any tips

Hi,
Yes, you can do that. The final leaf node would be one that has no records that have it as a parent. So, using SQL, you can check for these. Have a look at: [http://apex.oracle.com/pls/otn/f?p=21374:9]. The tree's SQL statement is:
select
E.EMPNO id,
E.MGR pid,
E.ENAME name,
CASE WHEN M.MGR IS NULL THEN
'f?p=&APP_ID.:9:&SESSION.::::P9_EMPNO:' || E.EMPNO
ELSE NULL END link,
NULL a1,
NULL a2
FROM
EMP E
LEFT OUTER JOIN (SELECT DISTINCT MGR FROM EMP) M ON E.EMPNO = M.MGRThe JOIN statement is based on the current EMPNO being in a list of MGR values. This would return at least one record for parent nodes and no records for leaf nodes. The LINK column checks this and creates a link accordingly.
Andy

Regarding Tree Leaf level node

Hi all,
I'm trying to get the tree node item (at any level) on RollOver event. But I can get the node which have child only. For leaf level node i'm getting empty value.
i used the below mentioned code.
Example code:
tree.addEventListener(ListEvent.ITEM_ROLL_OVER, sample);
//event handler
private function sample(event:Object):void
rollOverItem = (event.itemRenderer).data;
Please give me solution to get the leaf level node item.
Regards,
Karthik.

It is difficult to make the tree display a different
structure than the xml. To do this you will need to look into
creating a custom DataDescriptor.
I would advise preprocessing the xml to create a dataProvider
with the data/structure you need for the tree, then using id's on
the nodes to select the subnodes from the main xml.
Tracy

af:tree leaf nodes

Is there a way to display leaf nodes in an <af:tree> differently, so that they don't look like they can be expanded?
I'm using an <af:tree> component with an ADF tree binding. There's just one source collection, with a self-join (that is, the single accessor rule returns different elements from that collection).
The problem is that every node in the tree is expandable, including the leaf nodes (that is, the ones with no children). When the user expands them, nothing happens except a change in the icon (as you might expect), but I'd rather not provide the icon at all, or provide a different icon, to discourage expansion.
I actually have an attribute in my collection that can act as a discriminator--I happen to know that all and only rows with TypeIndicator="W" will have children. But my attempts to use the "polymorphic rule" functionality in the tree binding editor don't seem to work--it simply doesn't show any children of the top-level nodes at all.
Help would be much appreciated.

Mmm...sorta. Here's what I've done so far.
I've created a class, let's call it CustomTreeModel, that extends the (abstract) class TreeModel. I've given it a private field:
private final TreeModel mTree;and a constructor:
public CustomTreeModel(TreeModel tree) {
 mTree = tree;
}Then, I've overridden every method but one in TreeModel to delegate to mTree. For example:
public void setRowIndex(int i) {
 mTree.setRowIndex(i);
}The one exception is the method isContainer, which I've implemented this way:
public boolean isContainer() {
 return (mTree.isContainer() && (! mTree.isContainerEmpty()));
}The idea here is that the class wraps a tree, except that it claims that empty containers aren't containers at all (so they should be treated as leaves).
Then, rather than bind my <af:tree> to #{bindings.MyTreeBinding.treeModel}, I bound it to #{myBackingBean.treeModelWrapper}, and created a backing bean with bean name myBackingBean. Here's what I did in the backing bean:
1) Added a managed property, bindings, of type BindingContainer and value #{bindings}, and added a BindingContainer field, bindings, to the backing bean class.
2) In the bean class, added a TreeModel field, treeModelWrapper.
3) Changed the getter for treeModelWrapper so it looked like this (this is inexact, I don't have access to my code right now).
public TreeModel getTreeModelWrapper() {
 Map myTreeBinding = (Map) getBindings().getControlBinding("MyTreeBinding");
 TreeModel oldTreeModel = (TreeModel) myTreeBinding.get("treeModel");
 return new CustomTreeModel(oldTreeModel);
}That worked, inasmuch as the general structure of the tree looked about right, and leaf nodes showed up as leaf nodes.
There are two problems with it. A little one and a big one.
Little: It degrades performance significantly. Not surprising, since I assume isContainerEmpty() is a more resource-intensive method than isContainer(), and we're calling it a lot more often now. There's probably no way around this.
Big: The data seems...a bit messed up. Most of it looks right, but I'm getting weird occasional spurious child nodes (meaning that occasionally a copy of a node is showing up in a container where it doesn't belong). Since the tree is based on a self-referential relationship, that occasionally leads to infinite loops (node A and node B show up inside one another, so you can just keep expanding downwards for ever). I can't for the life of me figure out why this is.

Checkbox on Tree Leaf

Similar Messages

Maybe you are looking for