Question

我有一个用于拖放桌子的小脚本，它工作正常。但我有一个问题：我必须将start / endPosition传递给我的BackingBean。有没有办法从jquery（带参数）调用BackingBean函数？或者你知道一些不错的解决方法吗？

拖放代码：

<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>

Answer 1

BackingBean是服务器端，你可以做的是在你的后端代码中调用一个javascript函数，当然还要改变你的函数来返回开始和结束位置。

Answer 2

您的xhtml页面中可以有两个隐藏的输入字段，如

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

并将从上面的Jquery脚本获取的值设置为这些字段

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

将它们放入豆中。它应该完成你的工作。

jquery Drag Drop天花板Backing Bean功能

2 个答案: