ASP.NET AJAX 工具包 ReorderList 包含的项目超出页面大小答案

【问题标题】：ASP.NET AJAX Toolkit ReorderList with more items than fit on the pageASP.NET AJAX 工具包 ReorderList 包含的项目超出页面大小
【发布时间】：2012-01-04 02:53:54
【问题描述】：

我的页面上有一个 ReorderList，效果很好，但是...

现在，我有将近 100 件商品希望能够重新排序，但它们会从页面中流出，即使是 8pt。拖动时，当我接近底部（或顶部）时，页面不会滚动，所以我必须放下我的项目，向下滚动，然后再拖动一些。当我在 Word 中拖放时，当我接近窗口底部时，窗口会滚动，以便我可以移动到我想要拖放的位置。

或者，我可以让项目显示在多列中 - 它们的宽度将允许至少 3 列。但是我发现没有一个允许<ul> 拥有多个列的 CSS 解决方案似乎可以工作，因为它们需要多个 <ul>s，我认为我无法使用 ReorderList 控件来做到这一点。

有什么想法吗？

【问题讨论】：

这不是一个解决方案，但是您可以使用鼠标滚轮在拖动的同时滚动。
跳出框框思考是好的。当我回到带滚轮的鼠标而不是笔记本电脑的触摸板时，我会对此进行测试。 :) 但是，这不会帮助任何其他笔记本电脑用户。不过，谢谢。

标签： asp.net asp.net-ajax ajaxcontroltoolkit reorderlist

【解决方案1】：

这里有个思路：检查鼠标左键是否被按住，同时检查指针在页面上的位置。如果坐标在页面底部的某个位置向下，您认为该位置足够向下滚动页面，那么您可以使用window.scrollBy() 方法，并在释放鼠标按钮时停止它。您还可以在单击 Reorder 项和按钮按下时设置一个 bool 值，并在释放它时将其设置为 false，同样的想法，检查指针的位置。

Sample window.scrollBy()

祝你好运！

【讨论】：

这听起来不错，但是当拖动操作发生时，页面似乎并没有在监听其他鼠标事件。不过，我将继续沿着这些思路进行试验，谢谢！