Data Binding for Tree Component

Hi ,
I have to make a tree structure and bind it to a column in a table,
which when expanded should list the rows of the table for the selected column as individual sub nodes of the tree.
So far I am not able to get that done.
Any suggestions how to do it?

If find what I need among ADF Faces Core component, ... the ADF TreeTable (http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/tagdoc/core/imageIndex.html).
Unfortunetly It seems quite dificult to integrate ADF or any other 3rd part component with JSC2.

Similar Messages

Ext. data source and Tree component

Im using tree component and XMLConnector here.
as far as i can see results in my tree (when testing my
movie) it ouputs data thats loaded fom ext. XML file.
But the problem is that it publishes [type Function] in the
tree.
no actual xml nodes are visible, just bunch of [type
Function]
ive also searched for info / tutorial how to publish actual
xml data in the tree component but without any luck.
So what should i do and how ?

Solved
xml tags needed just a label with attributes

"Unable to generate initialization code within Repeater, due to id or data binding on a component that is not a visual child. "

Error:
"Unable to generate initialization code within Repeater, due to id or data binding on a component that is not a visual child. "
Code snippet:
<mx:Repeater
width="100%" height="100%" id="rpp" dataProvider="{loginDataseriesData.series}" >
<mx:Panel width="100%" title="{rpp.currentItem.@name}">
<mx:DataGrid width="100%" dataProvider="{rpp.currentItem.data}" id="loginDataDG" itemClick="loginDataDGClickevent)" sortableColumns="false" draggableColumns="false">
<mx:columns>
<mx:DataGridColumn headerText="Age Group" dataField="@periodValue"/>
<mx:DataGridColumn headerText="Year" dataField="@timePeriod"/>
<mx:DataGridColumn headerText="Value" dataField="@dataValue"/>
<mx:DataGridColumn headerText="User Name" dataField="@userName" editable="false"/>
<mx:DataGridColumn headerText="Notes" dataField="@notes"/>
</mx:columns>
</mx:DataGrid>
Thanks

<mx:DataGrid
width="100%" dataProvider="{rpp.currentItem.data}"
DataGrid indeed not a visual child of your Repeater, since it's visual child is Panel not a Grid

2 Line Text for Tree Component

Hi
I am trying to use a tree component for a Course navigation ,
and I have a Node names Getting clipped and I wanted to have
mulitple lines in the tree node, I would appreciate if anyone could
help me in how the tree component can be extended to accomodate
this requirement.
Thanks
Sembian

Hi Begum,
There are few default attributes you need to fill in your data structure,
PARENT_KEY - Parent (in your ex : header1, header2)
ROW_KEY - Children (col1, col2, col3, col4...)
EXPANDED
IS_LEAF -
TEXT
CHILDREN_LOADED
IMAGE_SRC
Include these fields with same name in your structure(structure of the table filling CT_DATA in GET_DATA method) and fill the relevant data, output will be displayed.
Cheers,
Vemula.

Data Binding for Custom Controls?

Hello,
I'm a little bit confused of how to use databinding for custom controls.
I know i can bind a property, as seen here http://help.sap.com/saphelp_uiaddon10/helpdata/en/91/f0f3cd6f4d1014b6dd926db0e91070/content.htm, but how can I map whole arrays?
My problem is the following:
I want to create a custom table control in SAPUI5 (as the default one doesn't provide the neccessary options and properties I need), but I can't seem to find an example how to bind "rows".
There has to be a way to do this properly. All I can think of now, and implemented, is, passing the name of the variable in the model...
var x = new my.controls.complex.table({data: "/status"});
var row1 = new my.controls.complex.columnHeaderRow();
row1.addColumn(new my.controls.complex.column({text: "", rowspan: "2", colspan: "1", content: "FIRST_COL"}));
x.addColumnsRow(row1);
x.placeAt("content");
...my JSON/model looks like:
{ "status": [ {"FIRST_COL": "a" , ...}, {"FIRST_COL": "b", ... }, ... ], ... }
(which should translate into /status/0/FIRST_COL, /status/1/FIRST_COL, ... AFAIK)
... and then I use this variable name by getting the application-wide model and use the variable passed as key for the model... (please note, this code is just a snippet)
       var sapCore = sap.ui.getCore();
            if (sapCore !== undefined) {
             var model = sapCore.getModel().getObject();
             if (model === undefined || model == [] || model == null){ } else {
              $.each(model, function(idx, item){
               $.each(oControl.getColumnsRows(), function(idx, item2) {
                $.each(item2.getColumns(), function(idx, item3){
                 var content = item3.getContent();
                 if (content !== undefined && content != ""){
                  outpLine = outpLine + "<td>" + model[idx][content] + "</td>";
...which still leaves me with the problem of to get an event to react to re-render on changes within the data model, as well as when there would be just an control-specific model, or just a sub-node within a model etc.
So my question is:
Is there a way/best practice to define data binding in a custom control and have a way to react on it, and how to react on data changes within a custom control?
Thanks & KR
Chris

I create a entirely new control, from sap.ui.core.Control.
sap.ui.core.Control.extend("my.controls.complex.table",{... });
I did define a aggregation...
        aggregations : { columnsRows: {type : "my.controls.complex.columnRow", multiple : true, visibility: "public"}     },
...yet I'm still unclear how I work with this aggregation and databinding. I know we can use the bindAggreation functionallity, but since the aggregation is a object (my.control.complex.columnRow) I don't know how my JSON model should be able to bind to that aggregation (as well as how would one be able to cascade a aggregation like this down futher? For example if there is an aggregation in the object of my aggregation?), plus it still doesn't solve my problem of how I can react (for example redraw) on model changes.
Thanks in advance,
Chris

Horizontal scroll for Tree component scrolls too far right

I've enabled the horizontal scroll bar for the Tree component.
But the scroll bar allows the user to scroll very far to the right into blank space.
The maximum width of my components measures 124px, as calculated by measureWidthOfItems(0,0), and I've verified this by measuring pixels of a screen shot.
I have tried adding an event to set the Tree.maxHorizontalScrollPosition, and I traced the value that I'm setting it to, and I also traced the value that it actually assumed after I set it. Both are 124px.
So I can't understand the behavior. I can scroll something more like ~400px to the right with lots of blank space.
Any ideas why?
Thanks,
David

Hmm, I'm not sure why this works, but it works, so for completeness here's what I did (in case anyone else runs across this same thread):
var measWidth:Number = myTree.measureWidthOfItems(0,0);
filesTree.maxHorizontalScrollPosition = measWidth - myTree.width;
I call the above code whenever the window is resized (in my app there are 2 places that can cause a resize of the window, I manually added calls to a function with the above code). There is also an example out there that resizes any time the window is resized, but if you do this then you really can't have liveDragging=true in a DividedBox (which I have) because the cost of resizing is very high and overtaxes the cpu when called many times consecutively. I just call it when the dragging is finished (that way I have live dragging enabled, but it only updates the scroll bars when the user stops dragging, which is visually acceptable).

Data Binding for Idiots (me)

Hey everyone,
I've been asked to build a form that is way more complex than anything I've done in the past. I just wanted to ask the experts here a few questions before I get started, to make sure that I don't make any huge mistakes.
The complexity of the form lies in the huge number of nested repeatable subforms, the fact that it's three forms in one (which form being shown depends on a selection from a drop down list), and the fact that the form needs to be designed to export its data cleanly to xml.
As far as building the form goes, I'm comfortable with everything except for the exporting to XML. I've done this a few times, but I'm not sure that the assumptions I've made are correct. I've tried reading the help files, but I'm not sure I'm getting it.
Pretty much, I make use of a ton of subforms in order to make sure that the layout of the form works dynamically. I don't want all of these subforms to show up in the xml import. The way I've been doing it is to set the data binding on these subforms to 'No data binding.' Does this have any impact on how data is saved to the form? If I don't want the value of a field to be exported, can I set it's binding to 'no data binding', or will that cause prevent the values from being saved?
My final question is about the 'Use name' binding. Up until now, in past forms I've made sure that all fields have different names. This form is so large, and has so many similar elements that it would be useful to be able to resue field names in different areas of the form. For example, two of the versions of the forms has a section for associated addresses. The fields in these sections are the same. Can I name them the same thing, so long as they are within different subforms? Or will this cause a conflict when exporting/saving.
Sorry for the long post. In short:
1) What afftect does the data binding 'no data binding' have on subforms and fields, with regards to saved data and exported data? Are there any 'gotchas!' that I should be aware of?
2) What are the guidelines I should follow to ensure that I don't come across any naming conflicts? Do I just need to ensure sibling feilds aren't named the same, or should all names be distinct?
I would appreciate any help that you guys might be able to offer.
- Scott

Scott,
1) No date binding means a form object is not included in exported XML. Data binding has no effect upon saving data when saving a form, the form will contain the data.
2) For me, rule #1 is use a schema and schema binding. It is worth the upfront investment in time. What you see in the schema is what you see in the output data, given a form object is bound to the schema. You can bind a single schema element to multiple form objects if you need to re-use data across sub-forms, also. Rule #2, again for me, is to explicitly define sub-form names to simplify schema binding and avoid name collisions.
I've attached a very simple form (with the schema embedded), the schema and exported xml to demonstrate.
Steve

Pageflow - data binding for collection size

Assume {pageFlow.students} is a collection. What data binding to use to write the
collection size to the jsp page? The following does not work
<netui:label value="{pageFlow.headers.size}" />
Thanks, Jack

This is a very FAQ on the "taglibs-user" mailing list. The same issue comes up
with using the JSTL, because the JSTL follows the same rules about what it can
access.
A reasonable general solution would be to write a simple class called "CollectionBean"
(and similarly "MapBean"). Put it in a "utils" package. It's constructor takes
a Collection (and a Map, respectively). It has two properties, named "collection"
and "size" (the other would be "map" and "size"). Instead of storing Collections
or Maps, you store CollectionBeans and MapBeans. About the only challenge would
be properly naming the instance variables of type CollectionBean, so it isn't
confusing. I'll leave that problem for you.
"Jack Liu" <[email protected]> wrote:
>
Assume {pageFlow.students} is a collection. What data binding to use
to write the
collection size to the jsp page? The following does not work
<netui:label value="{pageFlow.headers.size}" />
Thanks, Jack

Code for Tree component(tomahawk )

I am new to JSF,I want a tree component in my page and i want to construct the tree by retriving data from database.I searched most of materials but could'nt find any good one.

How would it match the trees? What have you done so far?
/Kaj

Save last selected and state for Tree Component?

I have a Tree component that refreshes its data everytime I
open the Tab containing it (doing a SQL call to return an index of
models). The problem is that everytime the dataProvider changes (a
new one overwrites the old one) with databinding, even if the data
is exactly the same, it loses its old state and selected node. Is
there any way to save this state/selected node when the
dataProvider updates?

good article on all aspects of trees including your issue.
http://www.adobe.com/devnet/flex/quickstart/working_with_tree/

Garbage Collection Issue for Tree Component

Dear:
When I created a new Tree instance dynamically by following code, and clicked any tree node randomly and then I removed it via another button, but I found this instance couldn’t be removed by GC, if I just created this tree without mouse action, it can be removed by GC.
Tree Component:
-- TreeView
<mx:canvas>
<mx:Tree dataProvider="{data}" />   // data is a XML staments
</mx:canvas>
Create Tree:
           public function createView(event:Event):void{
              var view:TreeView = new TreeView ();
              view.name="myTree";
              addChild(view);
              view=null;
Remove Tree:
           public function deleteView(event:Event):void{
              var view:TreeView= TreeView( _con.getChildByName("myTree"));
              removeChild(view);
Could someone give me some suggestion?
Thanks a lot

Hi ajmcfarlane,
This is my first post here. I'm fairly new to AS3 still and
have been getting my education from a number of places. The best
education i have found is from the book located at
http://www.learningactionscript3.com/
Rich Shupe address this problem of removing the child from
memory. I Downloaded your file and found 2 problems and resolved
one of them. By now you might have already solved this anyway.
To remove the child from the Display List use -->
removeChild(myChildObject);
To remove the object from memory use --> myChildObject =
null;
You did these two steps but in the incorrect order, just by
moving the 'myChildObject = null' under the removeChild code makes
it work.
I found running a few trace statements after fixing the first
problem, i found the second problem. The error of trying to remove
a child when it is no longer there.
You just need to rework the design so that the order of
events fires as you want. Below is the traces i used and the output
that is received.
function Click1(e:MouseEvent){
trace("four ", loadedcontent);
modLoader.unload();
modLoader = null;
function unloadCompleteHandler(event:Event):void{
trace("one ", loadedcontent);
removeChild(loadedcontent);
trace("two ", loadedcontent);
loadedcontent = null;
trace("three ", loadedcontent);
output
Loaded mem: 20668 KB
four [object MainTimeline]
one [object MainTimeline]
two [object MainTimeline]
three null
unLoaded mem: 23352 KB
So you can see the click event is firing of the unload first,
when i think you want that last.
I hope this has been of some help :)

Adobe Form - Data Binding for static text

Hi Experts,
I'm trying to create a new label with Adobe Forms (not interactive).
So I've created an interface with a table LABEL_DATA (import) and many variables (import) and a new Form with Layout.
I tried to bind some text fields with the imported variables und fields from the table, they're all available in the context, but all fields are still empty (preview and print).
Field are Text Fields
Type is : Read Only
Data Binding is : $record.LABEL_DATA.KDMAT
Can someone please help me?
Thank you.
Regards,
David

Hello David,
In your interface, have you declared LABEL_DATA as GLOBAL Data ?
You can fill the table and variables in the INITIALISATION in the interface.
Then you can use the Global table and variables in the form.
In case you are missing some values; you can debug the code in INITIALISATION section. Get the import tables in INITIALISATION and filter the required values into Global Table and variables.
Regards
Sandy

Getting at the data binding for table rows in ADF/UIX

At the highest level, I'm trying to figure out the best way to get spreadsheet-like behavior in a table where some of the cells are editable. The table cells were created using the "model=${uix.current.<columnName>}" mechanism.
I've been able to specify event handlers triggered by the <primaryclientaction> for a table cell component which call into static java methods. But I haven't been able to figure out what binding to use to get at the Java instance for that cell's row in order to use <invoke> to get at non-static methods in the row's view object. The ${uix.current} binding is stale at that point.
Are the table row data bindings just gone after the table is rendered or is there some alternate notation that lets me get at them.
Thanks in advance.

the primaryclient action should pass the rowkey of the current row (${uix.current.rowKeyStr}) as a parameter. This way the server can find the corresponding row on the server in an event handler.
see
http://www.oracle.com/technology/products/jdev/tips/jacobi/edittable/tip_adfuixtable_edit.html

Which data source for ibase component description ?

Hello,
i would like to extract the description (text) for Ibase components, but i can't find the right data source.
The datasources 0CRM_IBASE_TXT, 0CRM_IBAKEY_TXT and 0CRM_COMPIB_TXT are returning only the text for Ibase header
object, not for components. Table IBINTX contains the requested texts - how can i get them via standard extractor ?
Thank you for your reply.
Best regards
h. severin

Hello,
i would like to extract the description (text) for Ibase components from a CRM 7.0 system, but i can't find the right data source.
The datasources 0CRM_IBASE_TXT, 0CRM_IBAKEY_TXT and 0CRM_COMPIB_TXT are returning only the text for Ibase header
object, not for components. Table IBINTX contains the requested texts - how can i get them via standard extractor ?
Thank you for your reply.
Best regards
h. severin

Webdynpro ABAP: data binding for node having subnodes and attributes

Hello,
Problem description:
There is parent node (cardinality 0..n), which has some attributes and also a sub node.
This parent node has to be bound to an internal table. The fields of internal table correspond to the attributes of the parent node. Now if a "bind_table()" method is used to bind this parent node to the internal table, will it work? If there is any other way to do it let me know!
Regards
Sagar

Hi Sagar,
If you use the bind_table() method on the parent node, only the attributes( and not the subnode) of the parent node will get set with the values from the internal table. To set the values for the subnode, u have to use bind_table() method on the subnode seperately.
Hope this helps.
Thanks and Regards,
Sharadha.

Data Binding for Tree Component

Similar Messages

Maybe you are looking for