jquery DragDrop calling BackingBean function

Question

I have a little script for drag&drop a table and it's working fine. But I've a problem: I have to pass the start/endPosition to my BackingBean. Is there a way to call a BackingBean function from jquery (with parameters)? Or do you know some nice workaround?

Code for drag&drop:

<script type="text/javascript" language="javascript">
$(document).ready(function() {
    var startPosition;
    var endPosition;
    $('#table tbody').sortable({
    cursor: "move",
    start:function(event, ui){
      startPosition = ui.item.prevAll().length;
    },
    update: function(event, ui) {
      endPosition = ui.item.prevAll().length;

      // Call BackingBean function

     }
    });
});
</script>

score 0 · Accepted Answer · answered Nov 09 '12 at 17:12

0

BackingBean is Server Side, what you could do is make a call to a javascript function in you backingbean code, and of course changing your function to return both the start and end position.

answered Nov 09 '12 at 17:12

KoU_warch

2,160
1
25
46

How is that exactly working? Do you have an example code for that? – thomas.st Nov 09 '12 at 17:17
http://stackoverflow.com/questions/3061775/how-to-call-javascript-from-backingbean-jsf – KoU_warch Nov 09 '12 at 17:20
I think BalusC's code is really helpful here (http://balusc.blogspot.co.at/2009/05/javajspjsf-and-javascript.html#PassVariablesFromClientSideToServerSide). I'll give it a try. – thomas.st Nov 09 '12 at 17:24
I solved it with BalusC's example. Thank you for your answer and thanks to @BalusC. – thomas.st Nov 09 '12 at 17:56

score 0 · Answer 2 · answered Nov 09 '12 at 17:23

0

You can have two hidden input fields in your xhtml page like

  <h:inputHidden id="input1" value="#{bean.startPosition}" /> // getters and setters for startPosition in your bean
  <h:inputHidden id="input2" value="#{bean.endPosition}" />

and set the values which your are getting from the above Jquery Script to these fields

   document.getElementById('form:input1').value=startPosition;
   document.getElementById('form:input2').value=endPosition;

and get them in the bean.It should do your job.

answered Nov 09 '12 at 17:23

SRy

2,901
8
36
57

Thanks for you answer, I already did that with BalusC's code (http://balusc.blogspot.co.at/2009/05/javajspjsf-and-javascript.html#PassVariablesFromClientSideToServerSide). I made a new form, which I hide in my jquery code ($('form').hide()). – thomas.st Nov 09 '12 at 19:02

jquery DragDrop calling BackingBean function

2 Answers2