如何获得分离器移动的距离？答案

【问题标题】：How to get the distance moved by the splitter?如何获得分离器移动的距离？
【发布时间】：2013-09-05 04:20:59
【问题描述】：

场景：

我正在使用 Telerik:RadRotator 和分离器。我在由拆分器分隔的页面上有 3 个用户控件。我有这个 Telerik:RadRotator 和垂直分离器在一个控件上水平移动。

问题

现在，我想在拆分器移动时调整 RadRotator 的大小。我已经通过这段代码实现了这一点：

function resizing(sender, Args) {
    var rotator = $jQuery(".rrRelativeWrapper");
    var oldRotatorWidth = rotator[0].style.width;
    var width = parseInt(oldRotatorWidth.substr(0, (oldRotatorWidth.indexOf('px') + 1)));
    var newRotatorwidth = (width + (sender._width - width)) - 50;
    rotator[0].style.width = newRotatorwidth.toString() + "px";
}

但问题是我为调整差异而添加的“-50”。如果拆分器以更高的速度调整大小，这会破坏 jquery。

因为我无法获得拆分器在调整大小时移动的确切距离。

那么，谁能帮我弄清楚如何得到分离器移动距离的确切差异？

注意：我想在事件 OnClientResizing 而不是 OnClientResized 上编写此 Jquery。

【问题讨论】：

标签： jquery asp.net telerik mvp

【解决方案1】：

如果您使用多次触发的事件，您可能会遇到竞争条件并且事情可能会中断。使用调整大小完成时触发的事件。否则，请在此处查看仅触发一次处理程序的方法：https://stackoverflow.com/a/668185/812369。

另外，RadRotator 不支持客户端上的尺寸更改，所以我认为事情不会按预期工作。在这里查看一种方法，一旦您拥有所需的尺寸就可以工作：http://www.telerik.com/support/kb/aspnet-ajax/rotator/setting-radrotator-s-size-in-percent.aspx。

【讨论】：