如何在开始拖拽时调用JavaScript？

Question

我正在处理拖放表，如本例所示：http://www.primefaces.org/showcase/ui/dndTable.jsf

我想知道是否可以在开始拖动项目时调用JS代码来隐藏/显示组件。

请指教，谢谢。

Answer 1

PrimeFaces使用jQuery可拖动交互，你需要检出this。启动示例：

$(function() {
  $( ".ui-dt-c" ).draggable({
      start: function() {
          alert(1);
      },
      drag: function() {
          alert(2);
      },
      stop: function() {
          alert(3);
      }
  });
});

正如您所看到的，这是由于drag函数触发了重复的警报事件。你可以随心所欲地改变它。您还可以尝试将类更改为.ui-dt-c ui-draggable。就像在jQuery示例中一样，您可以通过元素的ID选择元素并覆盖该函数，但是，p:dataTable的id被搞乱了，所以根据元素的class选择元素对我来说更有意义。