Data Binding to a Formfield (input)

14 July, 2008 - 10:12 — phaetons

Hello,
i want to bind a datasource to a formfield. I allready read about 80% of manuals, reference and Tutorials but i'm still confused.

In the following sample i can access $spielothek/@id, but not the child nodes like $spielothek/strasse.

That are my formfields:

Name <input type="text" id="name" path="$spielothek/@id" e:behavior="l:autofill" /> <br />

Strasse <input type="text" id="strasse" path="$spielothek/strasse" e:behavior="l:autofill" /><br />

I have a listgrid with a number of items (spielotheken) and on event "click" i want to show details of the selected item (spielothek) in the form fields:

<b:listGrid dataSource="spielotheken_list" readonly="true" rowClasses="rowClass1, rowClass2">

  <e:handler event="click" type="application/javascript"><![CDATA[

    var iSelected = this.getProperty('selectedIndex');

    var oSource = this.getProperty('dataSource');

    spielotheken = oSource.modelNode.getElementsByTagName('spielotheken')[0];

    spielothek = spielotheken.getElementsByTagName('spielothek')[iSelected];

    aInputs = bb.evaluateSmart('[//input]', bb.document);

    for(var i=0; i<aInputs.length; i++) {

     bb.command.fireEvent(aInputs[i], 'populate', true, true);

    }

   ]]></e:handler>

   ...

</b:listGrid>

The XML-Data is like this:

<spielotheken totalRecords="1">

  <spielothek id="spielothek-1">

    <id>1</id>

    <name>Spielothek</name>

    <strasse>Musterstr</strasse>

    <ort>Berlin</ort>

  </spielothek>

</spielotheken>

I'm not sure, if the association from datasource nodes to "spielotheken" and "spielothek" is done in the right way. Please can you tell me how i can do a proper association of the datasource nodes?

Thanks and Best regards
Stephan