如何在Flex 4中防止滚动Spark Datagrid时浏览器窗口滚动？

Question

如何在Flex 4中防止滚动Spark Datagrid时浏览器窗口滚动？

3

我有一个Spark DataGrid，它的行数比其大小还要多。我想使用鼠标滚轮来滚动DataGrid，但是当我这样做时，整个浏览器窗口也会滚动。

是否有一种方法，可以在我只想滚动DataGrid时停止浏览器滚动（或者也许在鼠标位于嵌入在HTML页面中的Flex应用程序上时）？我在考虑也许有一种javascript解决方案，但我不确定。

- Felipe

点击http://queirozf.com/home/lessonslearnt.php上的搜索按钮，会出现一个数据网格。我正在Chrome上测试它。不过我会尝试在不同的浏览器上进行测试。刚刚在Firefox上测试了一下，遇到了相同的问题。 - Felipe

@wes 我以前从未遇到过这种情况。通常是浏览器向Flash Player发送事件。如果取消Flash Player事件会影响浏览器行为，我会感到惊讶。 - JeffryHouser

@Felipe Almeida 真是奇怪，我从来没有遇到过这种情况。我在 Firefox 中进行了测试，并复制了您所描述的行为。我能理解它为什么会让人烦恼。 - JeffryHouser

你说取消活动是什么意思？我该怎么做？ - Felipe

1

你需要添加一个 MouseEvent.MOUSE_WHEEL 监听器，然后在处理程序中获取传递的事件并调用 event.stopImmediatePropagation() 或者有时 event.preventDefault()。虽然这似乎非常奇怪，因为它只应该停止事件通过显示树向上传播，但这不一定会影响 Flash 播放器外部的 HTML/DOM。你可能还需要使用一些 JavaScript 进行修改（不同浏览器之间捕获鼠标滚轮事件的方式也有所不同）。http://www.adomas.org/javascript-mouse-wheel/ - shaunhusain

显示剩余4条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jediz · Answer 1

你可能需要在可滚动容器（TextArea/DataGrid/等）中监听滚动事件，并使用event.stopPropagation()

当你在容器的顶部/底部时，最好不要停止事件传播，在这种情况下，用户可能想要滚动外部容器。

请参考http://livedocs.adobe.com/flex/3/html/help.html?content=events_08.html。