拖动开始时如何调用 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 选择元素对我来说更有意义。