|
Hello,
Following a question I posted a few days ago on refreshing a panel (righ panel) when I click
on 2 nodes (node1 and node2) in a tree (left panel).
The problem I have now: If I have a node node1-1 under node1 the right panel doesn't refresh when I click on node1 and node1-1.
Here is my code:
<!-- -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Search Assets</title>
<link rel="stylesheet" type="text/css" href="Backbase_4_1_2/templates/css/generic.css" />
<script type="text/javascript" src="Backbase_4_1_2/engine/boot.js"></script> </head>
<body>
<script type="application/backbase+xml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:b="http://www.backbase.com/2006/btl"
xmlns:c="http://www.backbase.com/2006/command"
xmlns:e="http://www.backbase.com/2006/xel"
xmlns:xi="http://www.w3.org/2001/XInclude">
<xi:include href="Backbase_4_1_2/bindings/config.xml" />
<b:panelSet columns="200px *" splitter="true" fullScreen="true">
<b:panel>
<b:tree height="auto">
<b:treeBranch label="father" open="true">
<b:treeBranch label="node1" open="true">
<e:handler event="click">
<c:create destination="id('panelRight')" mode="replaceChildren" >
click on node1
</c:create>
</e:handler>
<b:treeBranch label="node1-1" open="true">
<e:handler event="click">
<c:create destination="id('panelRight')" mode="replaceChildren" >
click on node1-1
</c:create>
</e:handler>
</b:treeBranch>
</b:treeBranch>
<b:treeBranch label="node2" open="true">
<e:handler event="click">
<c:create destination="id('panelRight')" mode="replaceChildren" >
click on node2
</c:create>
</e:handler>
</b:treeBranch>
</b:treeBranch>
</b:tree>
</b:panel>
<b:panel id="panelRight">
</b:panel>
</b:panelSet>
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Search Assets</title>
<link rel="stylesheet" type="text/css" href="Backbase_4_1_2/templates/css/generic.css" />
<script type="text/javascript" src="Backbase_4_1_2/engine/boot.js"></script> </head>
<body>
<script type="application/backbase+xml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:b="http://www.backbase.com/2006/btl"
xmlns:c="http://www.backbase.com/2006/command"
xmlns:e="http://www.backbase.com/2006/xel"
xmlns:xi="http://www.w3.org/2001/XInclude">
<xi:include href="Backbase_4_1_2/bindings/config.xml" />
<b:panelSet columns="200px *" splitter="true" fullScreen="true">
<b:panel>
<b:tree height="auto">
<b:treeBranch label="father" open="true">
<b:treeBranch label="node1" open="true">
<e:handler event="click">
<c:create destination="id('panelRight')" mode="replaceChildren" >
click on node1
</c:create>
</e:handler>
<b:treeBranch label="node1-1" open="true">
<e:handler event="click">
<c:create destination="id('panelRight')" mode="replaceChildren" >
click on node1-1
</c:create>
</e:handler>
</b:treeBranch>
</b:treeBranch>
<b:treeBranch label="node2" open="true">
<e:handler event="click">
<c:create destination="id('panelRight')" mode="replaceChildren" >
click on node2
</c:create>
</e:handler>
</b:treeBranch>
</b:treeBranch>
</b:tree>
</b:panel>
<b:panel id="panelRight">
</b:panel>
</b:panelSet>
</script>
</body>
</html>
Thanks for your help.
Also what are all the attributes for mode ?
I didn't see it in documentation...
propagate stop
6 March, 2008 - 00:01 — baptisteok I found it.
you need to use attribute propagate="stop" in
Refresh panel from a node child in tree this time
6 March, 2008 - 11:27 — yudiHi Baptiste,
By default, Tree branch event is bubbled up and that's why when you click node 1.1 , the node 1 also get click event. To prevent this bubbling event, then you need to add propagate="stop" attribute.
By default, appendChild is mode attribute that used by c:create.Please see this link for other mode attribute that supported by c:create http://bdn.backbase.com/docs/client_4_1_2/Reference_files/index.html#com....
That is mode attribute reference page of Transform command but those mode attributes are also used by c:create
~Yudi