Re: [Xsltforms-support] Accessing items withing xf:repeat

[Tim T. <tim...@gm...>]

I was able to achieve this with the following bit of jQuery[1] and XForms
structure:

jQuery:

$('#results-table').on('click', 'tbody tr', function(event) {
    $(this).addClass('highlight').siblings().removeClass('highlight');
});

XForms:

<xf:group ref="instance('search-results')">
    <table id="results-table">
        <tbody>
            <xf:repeat nodeset="*" id="search-results-repeat">
                <tr>
                    <td>
                        <xf:trigger appearance="minimal">
                            <xf:label>
                                <xf:output value="name(.)"></xf:output>
                            </xf:label>
                            <xf:output ref="."></xf:output>
                        </xf:trigger>
                    </td>
                </tr>
            </xf:repeat>
        </tbody>
    </table>
</xf:group>

[1] http://jsfiddle.net/iambriansreed/xu2AH/9/


On Tue, Mar 17, 2015 at 4:01 PM, Tim Thompson <tim...@gm...> wrote:

> Hello,
>
> I would like to be able to add some simple styling to the items within an
> <xf:repeat> element. Specifically, I would like to use jQuery to attach a
> click listener to each div that has an "xforms-repeat-item" class. When a
> user clicks on a div within the repeat, for example, a "highlight" class
> would be added in order to generate a background color for the div.
> However, I find that within the <xf:repeat> I am only able to modify the
> first item (which has an "xforms-repeat-item-selected" class).
>
> Is there a way to achieve this functionality in XSLTForms?
>
> Thank you,
> Tim
>