GWT 中的滑块

发布于 2024-12-02 14:59:45 字数 56 浏览 0 评论 0 原文

有谁知道gwt中是否有滑块?我只找到了 GWT Incubator 中的一个,不幸的是它已被弃用。

Does anyone know if there is a slider bar in gwt? I only found the one from GWT Incubator, which is unfortunately deprecated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

你怎么这么可爱啊 2024-12-09 14:59:45

试试这个:

http://code.google.com/p/gwt-slider-bar /

在这个项目的帮助下,可以创建不同的滑块。

Try this:

http://code.google.com/p/gwt-slider-bar/

With help of this project it is possible create different slider bars.

绳情 2024-12-09 14:59:45

标准 GWT 库中没有滑动条。但 GWT 孵化器的替代方案是 David Chandler 的示例项目 listwidget(他位于谷歌 GWT 团队)。对于这个示例项目,他还需要一个滑动条。他从 GWT 孵化器获取了源代码并进行了更新。

你能做的就是获取这些源代码并将它们放入你自己的项目中(它有 apache 许可证)。这可能不是最佳的,但它对我有用。这是源链接http://code.google.com/p/listwidget/source/browse/#svn%2Ftrunk%2Fsrc%2Fmain%2Fjava%2Fcom%2Fgoogle%2Fgwt%2Fgen2%2Fclient(以及为了方便起见,这里有该项目的链接:http://code.google.com/p/listwidget/)

There is no slide bar in the standard GWT library. But an alternative to the GWT incubator is in the sample project listwidget by David Chandler (he's on the Google GWT team). For this sample project he also needed a Slide bar. He took the sources from the GWT incubator and updated them.

What you can do is take these sources and put them in your own project (it has an apache licence). It's maybe not optimal but it worked for me. Here is a link to the sources http://code.google.com/p/listwidget/source/browse/#svn%2Ftrunk%2Fsrc%2Fmain%2Fjava%2Fcom%2Fgoogle%2Fgwt%2Fgen2%2Fclient (and for convenience here a link to the project: http://code.google.com/p/listwidget/)

很快妥协 2024-12-09 14:59:45

您现在可以只使用 HTML5 滑块,如下所示:

<input ui:field="sliderInput" type="range" />

@UiField InputElement sliderInput;

sliderInput.setAttribute("min", "1");
sliderInput.setAttribute("max", "100");
sliderInput.setAttribute("step", "10");

Event.sinkEvents(sliderInput, Event.ONCHANGE);
Event.setEventListener(sliderInput, new EventListener() {
    @Override
    public void onBrowserEvent(Event event) {
        // sliderInput.getValue();
    }
});

You can now just use an HTML5 slider, like this:

<input ui:field="sliderInput" type="range" />

@UiField InputElement sliderInput;

sliderInput.setAttribute("min", "1");
sliderInput.setAttribute("max", "100");
sliderInput.setAttribute("step", "10");

Event.sinkEvents(sliderInput, Event.ONCHANGE);
Event.setEventListener(sliderInput, new EventListener() {
    @Override
    public void onBrowserEvent(Event event) {
        // sliderInput.getValue();
    }
});
ゞ记忆︶ㄣ 2024-12-09 14:59:45

您可以使用 smartgwt 中的滑块。你只需要关注css定义即可。对于 Firefox,它必须看起来像这样:

#isc_4 td{
   font-size:0px;
}

滑块不是 html5 滑块并且不可触摸,但它可以工作。

You can use the slider from smartgwt. You only have to pay attention to the css definition. For the firefox it have to look like this:

#isc_4 td{
   font-size:0px;
}

The slider is not a html5 slider and not touchable, but it works.

李不 2024-12-09 14:59:45

通过编写一个使用 jquery slider 的新库来解决这个问题。代码稳定后作者会发布:)

It is being solved by writing a new lib which uses the jquery slider. The author will release the code when it's stable :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文