mouse over table cells and dialog popup with ajaxlinks
Hi, I have a fairly complex use-case scenario: I want a dialog to popup when a hover event occurs within a table cell. The dialog will provide a couple of links (ideally AjaxLink) that should trigger a wicket ajax event. I can imagine maybe creating the dialogs all on the client so there is no need to hit the server when the mouse hovers over the table cell (seems that ajax would be no good in any case since the latency would be high when hovering over potentially many cells within the table anyhow). But then the issue is how to create the AjaxLink in the javascript that constructs the dialog on the client? Any ideas are greatly appreciated! Thanks, Jason - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: mouse over table cells and dialog popup with ajaxlinks
Sorry I misunderstood you. You could: 1-use some abstract AJAX behavior and attach to your table. 2-you use this behavior to construct an URL (with urlFor(beahvior)) and pass it to the client side. 3-on client side you use previous URL to construct your panel and links and use wiketAjaxGet() JavaScript function to create calls to the server side (maybe using some additional parameter to discriminate your links). 4-use your server side abstract AJAX behavior to do whatever you want when user click the links. A similar technique is used by many wiQuery component to bind client side events with the server side. Ernesto On Sat, Sep 18, 2010 at 8:09 PM, Jason Novotny jason.novo...@gmail.com wrote: Thanks! My real concern isn't so much the creation of the dialog/tooltip but how do I create a wicket appropriate link in that dialog/tooltip in order to edit the item that is contained in the table cell? Thanks again, Jason On 9/18/10 8:08 AM, Ernesto Reinaldo Barreiro wrote: Jason, I do a similar thing for one of my applications. I have a table and when the user hovers the mouse over some button on each row then I show a dialog with more details about the row. What I do is having a hidden div next to the table and make it appear, its contents updated via AJAX, with the help of a jquery plugin: I use plugin shown in [1] in combination with grid shown at [2]. For other use cases, when dialog contents are very heavy I use a ModalWindow triggered by an onclick. Maybe I could strip my code of the business logic and post it somewhere so that you could use or adapt it. Regards, Ernesto 1-http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.ToolTipPage 2-http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.TablePage On Sat, Sep 18, 2010 at 2:13 AM, Jason Novotnyjason.novo...@gmail.com wrote: Hi, I have a fairly complex use-case scenario: I want a dialog to popup when a hover event occurs within a table cell. The dialog will provide a couple of links (ideally AjaxLink) that should trigger a wicket ajax event. I can imagine maybe creating the dialogs all on the client so there is no need to hit the server when the mouse hovers over the table cell (seems that ajax would be no good in any case since the latency would be high when hovering over potentially many cells within the table anyhow). But then the issue is how to create the AjaxLink in the javascript that constructs the dialog on the client? Any ideas are greatly appreciated! Thanks, Jason - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: mouse over table cells and dialog popup with ajaxlinks
Jason, I do a similar thing for one of my applications. I have a table and when the user hovers the mouse over some button on each row then I show a dialog with more details about the row. What I do is having a hidden div next to the table and make it appear, its contents updated via AJAX, with the help of a jquery plugin: I use plugin shown in [1] in combination with grid shown at [2]. For other use cases, when dialog contents are very heavy I use a ModalWindow triggered by an onclick. Maybe I could strip my code of the business logic and post it somewhere so that you could use or adapt it. Regards, Ernesto 1-http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.ToolTipPage 2-http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.TablePage On Sat, Sep 18, 2010 at 2:13 AM, Jason Novotny jason.novo...@gmail.com wrote: Hi, I have a fairly complex use-case scenario: I want a dialog to popup when a hover event occurs within a table cell. The dialog will provide a couple of links (ideally AjaxLink) that should trigger a wicket ajax event. I can imagine maybe creating the dialogs all on the client so there is no need to hit the server when the mouse hovers over the table cell (seems that ajax would be no good in any case since the latency would be high when hovering over potentially many cells within the table anyhow). But then the issue is how to create the AjaxLink in the javascript that constructs the dialog on the client? Any ideas are greatly appreciated! Thanks, Jason - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: mouse over table cells and dialog popup with ajaxlinks
Thanks! My real concern isn't so much the creation of the dialog/tooltip but how do I create a wicket appropriate link in that dialog/tooltip in order to edit the item that is contained in the table cell? Thanks again, Jason On 9/18/10 8:08 AM, Ernesto Reinaldo Barreiro wrote: Jason, I do a similar thing for one of my applications. I have a table and when the user hovers the mouse over some button on each row then I show a dialog with more details about the row. What I do is having a hidden div next to the table and make it appear, its contents updated via AJAX, with the help of a jquery plugin: I use plugin shown in [1] in combination with grid shown at [2]. For other use cases, when dialog contents are very heavy I use a ModalWindow triggered by an onclick. Maybe I could strip my code of the business logic and post it somewhere so that you could use or adapt it. Regards, Ernesto 1-http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.ToolTipPage 2-http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wiquery.plugins.demo.TablePage On Sat, Sep 18, 2010 at 2:13 AM, Jason Novotnyjason.novo...@gmail.com wrote: Hi, I have a fairly complex use-case scenario: I want a dialog to popup when a hover event occurs within a table cell. The dialog will provide a couple of links (ideally AjaxLink) that should trigger a wicket ajax event. I can imagine maybe creating the dialogs all on the client so there is no need to hit the server when the mouse hovers over the table cell (seems that ajax would be no good in any case since the latency would be high when hovering over potentially many cells within the table anyhow). But then the issue is how to create the AjaxLink in the javascript that constructs the dialog on the client? Any ideas are greatly appreciated! Thanks, Jason - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
mouse over table cells and dialog popup with ajaxlinks
Hi, I have a fairly complex use-case scenario: I want a dialog to popup when a hover event occurs within a table cell. The dialog will provide a couple of links (ideally AjaxLink) that should trigger a wicket ajax event. I can imagine maybe creating the dialogs all on the client so there is no need to hit the server when the mouse hovers over the table cell (seems that ajax would be no good in any case since the latency would be high when hovering over potentially many cells within the table anyhow). But then the issue is how to create the AjaxLink in the javascript that constructs the dialog on the client? Any ideas are greatly appreciated! Thanks, Jason - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: mouse over table cells and dialog popup with ajaxlinks
On Fri, Sep 17, 2010 at 7:13 PM, Jason Novotny jason.novo...@gmail.comwrote: Hi, I have a fairly complex use-case scenario: I want a dialog to popup when a hover event occurs within a table cell. The dialog will provide a couple of links (ideally AjaxLink) that should trigger a wicket ajax event. I can imagine maybe creating the dialogs all on the client so there is no need to hit the server when the mouse hovers over the table cell (seems that ajax would be no good in any case since the latency would be high when hovering over potentially many cells within the table anyhow). But then the issue is how to create the AjaxLink in the javascript that constructs the dialog on the client? Easiest thing is probably to paint all the dialogs ahead of time as hidden divs. There are many other ways, but this is one option. -- Jeremy Thomerson http://www.wickettraining.com