如何在角树组件中对移动元素进行样式化?

时间:2019-04-03 11:33:27

标签: javascript angular sass

我需要制作这种样式。如何在拖动时在角树组件中对移动元素进行样式化? 在documentation中,以下类可用于自定义,而不给样式移动元素提供可能性。 预先感谢。

enter image description here

1 个答案:

答案 0 :(得分:0)

根据链接,您需要为.is-dragging-over类指定样式。 (还要添加Longclaw)。

还有这个界面:

options = {
  allowDrag: true,
  actionMapping: {
    mouse: {
      drop: (tree:TreeModel, node:TreeNode, $event:any, {from, to}) => {
        // use from to get the dragged node.
        // use to.parent and to.index to get the drop location
        // use TREE_ACTIONS.MOVE_NODE to invoke the original action
      },
      dragStart?: IActionHandler,
      drag?: IActionHandler,
      dragEnd?: IActionHandler,
      dragOver?: IActionHandler,
      dragLeave?: IActionHandler,
      dragEnter?: IActionHandler      
    }
  }
}

使用事件,回调应接收相关的节点,包括其elementRef。您可以在dragStart上添加类/样式,然后在dragEnd上将其删除。

(OTW管理员,也是BTW)。