Jacques-Alexandre Gerber wrote:
> 1.When I click the "Insert New Row" button, it does insert a new
> row, but when I click on the date picker for the new row, it does
> not show up. For some reason I cannot provide a date for any row but
> the first one.
This seems to be caused by the use of xxforms:if. We should document
that this construct doesn't work with XForms NG, because you can use
XForms "relevant" bindings instead, e.g. bind your trigger to a node
with a binding that determines its visibility:
<xforms:trigger ref="instance('utils')/remove-trigger">
...
> 2.In the last column, I'm supposed to show an image that allows the
> user to remove the corresponding row. I can't find a way to get the
> image to display. It always shows a button.
You should use appearance="xxforms:image" instead of
xxforms:appearance="image". Note that in the future, we may instead go
with using xforms:label, as other XForms engines have gone this way.
> 3.Last problem: I'd like to show the "remove" button only if there
> is more than one row left in the table. I've tried to use xxforms:if
> but I could not get it to work.
> Any thoughts toward solving these issues would be much appreciated.
I also attach a working version of your example!
-Erik
<xhtml:html xmlns:xforms="
http://www.w3.org/2002/xforms"
xmlns:xs="
http://www.w3.org/2001/XMLSchema"
xmlns:xxforms="
http://orbeon.org/oxf/xml/xforms"
xmlns:ev="
http://www.w3.org/2001/xml-events"
xmlns:f="
http://orbeon.org/oxf/xml/formatting"
xmlns:xhtml="
http://www.w3.org/1999/xhtml">
<xhtml:head>
<xforms:model>
<xforms:instance id="taskoutput">
<output>
<details>
<request>
<from/>
<to/>
<hours/>
</request>
</details>
</output>
</xforms:instance>
<xforms:instance id="utils">
<utils>
<remove-trigger/>
</utils>
</xforms:instance>
<xforms:bind nodeset="/output/details/request/from" type="xs:date"/>
<xforms:bind nodeset="/output/details/request/to" type="xs:date"/>
<xforms:bind nodeset="instance('utils')/remove-trigger" relevant="count(instance('taskoutput')/details/request) > 1"/>
</xforms:model>
</xhtml:head>
<xhtml:body>
<xforms:group ref="instance('taskoutput')">
<xhtml:table
style="width: 100%; border-width: 1px; cell-padding: 4px; cell-spacing: 0px; border-collapse: collapse; border-style: solid; border-color: #333333">
<xhtml:tr>
<xhtml:td
style="background-color: #CCCCCC; border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
From</xhtml:td>
<xhtml:td
style="background-color: #CCCCCC; border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
To</xhtml:td>
<xhtml:td
style="background-color: #CCCCCC; border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
Nb Hours</xhtml:td>
<xhtml:td
style="background-color: #CCCCCC; border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
Remove</xhtml:td>
</xhtml:tr>
<xforms:group ref="details">
<xforms:repeat nodeset="request" id="lineSet">
<xhtml:tr>
<xhtml:td
style="border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
<xforms:input ref="from">
<xforms:label></xforms:label>
<xforms:help>First day when you will be away from the office</xforms:help>
</xforms:input>
</xhtml:td>
<xhtml:td
style="border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
<xforms:input ref="to">
<xforms:label></xforms:label>
<xforms:help>Last day when you will be away from the office</xforms:help>
</xforms:input>
</xhtml:td>
<xhtml:td
style="border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333">
<xforms:input ref="hours">
<xforms:label></xforms:label>
<xforms:help>Number of working hours you will be missing</xforms:help>
</xforms:input>
</xhtml:td>
<xhtml:td
style="border-width: 1px; border-collapse: collapse; border-style: solid; border-color: #333333; text-align: center">
<xforms:trigger appearance="xxforms:image" ref="instance('utils')/remove-trigger">
<xxforms:img src="/images/remove.png"/>
<xforms:label/>
<xforms:delete ev:event="DOMActivate"
nodeset="instance('taskoutput')/details/request"
at="index('lineSet')"/>
</xforms:trigger>
</xhtml:td>
</xhtml:tr>
</xforms:repeat>
</xforms:group>
</xhtml:table>
<xforms:trigger>
<xforms:label>Insert New Row</xforms:label>
<xforms:insert ev:event="DOMActivate" nodeset="instance('taskoutput')/details/request" at="last()"
position="after"/>
</xforms:trigger>
</xforms:group>
</xhtml:body>
</xhtml:html>
--
You receive this message as a subscriber of the
[hidden email] mailing list.
To unsubscribe: mailto:
[hidden email]
For general help: mailto:
[hidden email]?subject=help
ObjectWeb mailing lists service home page:
http://www.objectweb.org/wws
Locked
table.xml (3K) 