如何在gwt中实现带两个旋钮的滑块

时间:2012-02-28 11:34:32

标签: gwt

我想在GWT中使用两个旋钮实现滑块?任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:2)

如果您不介意使用第三方库,则有JQuery包装器:spiffyuidemo)并且它具有Slider.java。这是它的作用:

/**
 * This widget wraps the JQuery UI Slider
 * and allows for single slider or double slider with range.
 * 
 * All options can be get or set using generic 
 * get/setIntOption, get/setStringOption, get/setBooleanOption
 * methods, but some convenience methods are provided for most popular such as
 * setValues and setMinimum and setMaximum.  See SliderOptions for full list of options.
 * @see SliderOption
 */

或者,如果你想让它自己实现,这是一步一步的教程:Creating a GWT Wrapper for the JQuery UI Slider

答案 1 :(得分:0)

您可能需要自己编写一些代码,但您可以从gwt incubator开始。获取源并为其添加另一个“knob”元素。这样你就可以确保两个“旋钮”以你想要的方式互动。

答案 2 :(得分:0)

我最终实现了以下内容以将JQueryUI滑块添加到GWT中 http://www.zackgrossbart.com/hackito/gwt-slider/

我刚刚下载了JQueryUI的自定义最小化版本,以包含滑块(仅68k)非常甜。结束UI绑定它,它就像一个魅力;

我定制了上面的内容来实现一个百分比滑块(一个手柄,限制为0-100),可以很容易地重复使用。您可以在How to implement a JQueryUI slider in GWT

找到我的版本