re: Re: For loop with checkboxes that use ajax
please try the project i uploaded with following bug
https://issues.apache.org/jira/browse/TAPESTRY-1241
when you click on a list item it will trigger an event
should work to with form elements too
greetings
kris
Diego
[EMAIL PROTECTED]
com An
Tapestry users
13.02.2007 15:29 users@tapestry.apache.org
Kopie
Bitte antwortenThema
an Re: For loop with checkboxes that
Tapestry users use ajax
[EMAIL PROTECTED]
pache.org
Hello Kris,
Thank for you answer.
I tried what you suggested but I couldn't get it to work.
When a checkbox is clicked it look like there is a HTTPXMLRequest but the
listener in Tapestry is not fired.
But I did get it to work by changing the EventListener:
@EventListener(elements = conceptFilter, events = {onchange},
submitForm=testForm, async=true)
public void watchText(BrowserEvent event)
{
//do things
}
And the id's of the checkboxes should start with the same id as the
surrounding DIV for it to work.
Don't know why it works like this, magic?
span jwcid=[EMAIL PROTECTED]
div id=checkboxes
SPAN jwcid=@For source=ognl:listCheckBoxes value=ognl:checkId
input jwcid=@Checkbox id=ognl:'checkboxes_'+checkId
value=ognl:checkboxValue/
/SPAN
/div
/span
Regards,
Diego
On 2/13/07, Kristian Marinkovic [EMAIL PROTECTED] wrote:
hi diego,
the simplest way is to add an EventListener to the parent node of the
checkboxes
add to take advantage of the javascript event model (event bubbling,
event
delegation).
... lets say you are enclosing your checkboxes with a DIV tag
div id=checkboxes
//for loop for checkboxes
/div
in your page class you write something like this:
@EventListener(events = { onclick }, targets=checkboxes)
public void doSometing(BrowserEvent event) {
}
Any time the checkboxes are clicked on (onclick) the event will bubble
up
the
DOM tree and notify every node of its occurance. If the node contains an
onclick
event listener it will be called. An Event object will be passed over to
the event
listener (in IE its a bit different:)). This object knows what event
occured and exactly
on which node (... in this case the checkboxes)
The EventListener javacript code analyses this event and passes it
through
the
EventTarget object to the page class. The EventTarget is contained within
the
BrowserEvent object. As we cannot send the DOM node it will send us the
id
of the DOM node (if present) back to the page class where we can use it
to
trigger
a action.
it is important to check if the sent id really originates from the
checkboxes (id prefix)
because other nodes within the div may send onclick events too.
i hope this helps
this technique may also be used to add EventListener to elemetns within a
loop!
read more on Events as www.quirksmode.org
greetings,
kris
Diego
[EMAIL PROTECTED]
com
An
Tapestry users
12.02.2007 16:23 users@tapestry.apache.org
Kopie
Bitte antworten
Thema
an For loop with checkboxes that use
Tapestry users ajax
[EMAIL PROTECTED]
pache.org
Hello,
I am starting to use Tapestry 4.1.1 and want to build a filter with
checkboxes that filters a result list.
The checkboxes are being generated from a list and when a checkbox is
checked a list is filtered by means of a Ajax call.
After that the results in the div with id=SearchResults is updated.
Is there someway to use the @EventListener for this? Because beforehand
don't know how many check boxes there will be.
Below is an example template:
SPAN jwcid=@For source=ognl:listCheckBoxes
value=ognl:checkId
input jwcid=@Checkbox id=ognl:checkId
value=ognl:checkboxValue/
/SPAN
Re: Re: For loop with checkboxes that use ajax
Ok, now it works, had to change the EventListener and the div that is
surrounding the checkboxes to an Any component.
Thanks
Diego
On 2/13/07, Kristian Marinkovic [EMAIL PROTECTED] wrote:
please try the project i uploaded with following bug
https://issues.apache.org/jira/browse/TAPESTRY-1241
when you click on a list item it will trigger an event
should work to with form elements too
greetings
kris
Diego
[EMAIL PROTECTED]
com An
Tapestry users
13.02.2007 15:29 users@tapestry.apache.org
Kopie
Bitte antwortenThema
an Re: For loop with checkboxes that
Tapestry users use ajax
[EMAIL PROTECTED]
pache.org
Hello Kris,
Thank for you answer.
I tried what you suggested but I couldn't get it to work.
When a checkbox is clicked it look like there is a HTTPXMLRequest but the
listener in Tapestry is not fired.
But I did get it to work by changing the EventListener:
@EventListener(elements = conceptFilter, events = {onchange},
submitForm=testForm, async=true)
public void watchText(BrowserEvent event)
{
//do things
}
And the id's of the checkboxes should start with the same id as the
surrounding DIV for it to work.
Don't know why it works like this, magic?
span jwcid=[EMAIL PROTECTED]
div id=checkboxes
SPAN jwcid=@For source=ognl:listCheckBoxes value=ognl:checkId
input jwcid=@Checkbox id=ognl:'checkboxes_'+checkId
value=ognl:checkboxValue/
/SPAN
/div
/span
Regards,
Diego
On 2/13/07, Kristian Marinkovic [EMAIL PROTECTED] wrote:
hi diego,
the simplest way is to add an EventListener to the parent node of the
checkboxes
add to take advantage of the javascript event model (event bubbling,
event
delegation).
... lets say you are enclosing your checkboxes with a DIV tag
div id=checkboxes
//for loop for checkboxes
/div
in your page class you write something like this:
@EventListener(events = { onclick }, targets=checkboxes)
public void doSometing(BrowserEvent event) {
}
Any time the checkboxes are clicked on (onclick) the event will bubble
up
the
DOM tree and notify every node of its occurance. If the node contains an
onclick
event listener it will be called. An Event object will be passed over to
the event
listener (in IE its a bit different:)). This object knows what event
occured and exactly
on which node (... in this case the checkboxes)
The EventListener javacript code analyses this event and passes it
through
the
EventTarget object to the page class. The EventTarget is contained
within
the
BrowserEvent object. As we cannot send the DOM node it will send us the
id
of the DOM node (if present) back to the page class where we can use it
to
trigger
a action.
it is important to check if the sent id really originates from the
checkboxes (id prefix)
because other nodes within the div may send onclick events too.
i hope this helps
this technique may also be used to add EventListener to elemetns within
a
loop!
read more on Events as www.quirksmode.org
greetings,
kris
Diego
[EMAIL PROTECTED]
com
An
Tapestry users
12.02.2007 16:23 users@tapestry.apache.org
Kopie
Bitte antworten
Thema
an For loop with checkboxes that
use
Tapestry users ajax
[EMAIL PROTECTED]
pache.org
Hello,
I am starting to use Tapestry 4.1.1 and want to build a filter with
checkboxes that filters a result list.
The checkboxes are being generated from a list and when a checkbox is
checked a list is filtered by means of a Ajax call.
After that the results in the div with id=SearchResults is updated.
Is there someway to use the @EventListener for this? Because beforehand
don't know how many check boxes there will be.
Below is an example template:
SPAN jwcid=@For source=ognl:listCheckBoxes
value=ognl:checkId
input jwcid=@Checkbox id=ognl:checkId
value=ognl:checkboxValue/
/SPAN
div class=SearchResults id=SearchResults
table
tr jwcid=[EMAIL PROTECTED] source=ognl:foundList
value=ognl:foundItem element=tr
td
table
tr
td
span jwcid=@Insert
value=ognl:concept/
/td
/tr
/table
/td
/tr
