rich:suggestionbox and on click event

traviskds Jan 5, 2009 5:47 AM

Hi everyone,

How can I disable the onclick event when I click on the column headings in the suggestionbox?

My use case is that I want to enable pagination in the suggestionbox and I have added the navigation icons as part of the column headings (using rich:columnGroup). When I click on a navigation icon, it should not active the onclick event on the suggestion box. This enables me to call my own javascript function when we click on the navigation icon. But if I click on a column within the data display grid, then it should activate the suggestionbox onclick event.

Any ideas?

Travis

1. Re: rich:suggestionbox and on click event

ilya_shaikovsky Jan 5, 2009 5:55 AM (in response to traviskds)

Maybe try Event.stop(event) on elements which should activate your custom JS logic to stop event processing after.?
Actions
2. Re: rich:suggestionbox and on click event

traviskds Jan 5, 2009 6:05 AM (in response to traviskds)

Thanks Ilya. Was just about to try somethng like that. Was reading about event order (capturing and bubbling) - http://www.quirksmode.org/js/events_order.html
Actions
3. Re: rich:suggestionbox and on click event

traviskds Jan 5, 2009 9:02 PM (in response to traviskds)

I don't seem to be able to observe an event within the suggestionbox. For example I have a icon which I have given an id called "nav_next"

Event.observe('formName:emailField:suggestion:nav_next', 'click', dosomething);

function dosomething(e) {
Event.stop(e);
alert('Event stopped');
}

Note that I am using JBoss seam. Hence the long element ids..

If I observe other elements on the page, it works. But when its within the suggestion box only I have this issue.

any ideas?
Actions

Go to original post