Question

当移动核心分离器时，是否有任何流可以听到这种情况？我尝试过以下方法：

HTML：

<div id="left-div"></div>
<core-splitter direction="left"></core-splitter>
<div id="right-div"></div>

落镖：

initPolymer().run(() {
  Polymer.onReady.then((_) {   
    querySelector('#left-div').onResize.listen((_) => print('resizing left'));
    querySelector('#right-div').onResize.listen((_) => print('resizing right'));
    querySelector('core-splitter').onDrag.listen((_) => print('dragging'));
  });
});

页面运行，但没有打印过。

更一般地说，是否有一种方法可以监听由于未指定父元素的resize事件而调整大小的元素？例如，如果我在左侧div中嵌入了div，是否有一种简单的方法可以监听内部divs大小的更改而无需将其明确地附加到拆分器的移动中？

Answer 1

来自github的frankiefu提供了一个优雅的解决方案。有一个＆＃39;轨道＆＃39;可以通过addEventListener

监听的事件

querySelector('core-splitter').addEventListener('track', callback);

你可以看到一个有效的js版本here，虽然这个脚本在dart中几乎相同。

Answer 2

文档没有提及core-splitter的任何事件。我猜最近类似于paper-slider https://www.polymer-project.org/docs/elements/paper-elements.html#paper-slider的事件也适合core-splitter。

您可以在https://github.com/Polymer/core-splitter/issues

创建功能请求

Dart Polymer核心分离器：拖动/调整大小事件

2 个答案: