1

我这里有一个问题。我在我的应用程序中使用引导 css 和 gwt。在我的 uibinder 页面中，我使用 gwt 文本框，并应用如下所示的样式（“日期”）。

<g:TextBox styleName="span11 date"></g:TextBox>

还附加了 bootstrap-datepicker.js 和相关的引导 css 文件。在加载 html 时，我正在运行以下脚本。

$( document ).ready(function() {
    $('.date').datepicker({
        format: 'm/d/yyyy',
        showWeek: true,
        startDate: 'today',
        autoclose: true,
      });
});

仍然引导日期选择器弹出窗口没有成为 gwt 文本框的焦点。

另外，我尝试了相反的方法，通过注入 js 文件并使用 JSNI 方法。

还是没用。。

此外，当我打开浏览器控制台（使用 F12）并粘贴上面的 javascript 片段时，它工作正常。

是否需要进行任何设置/配置？

GWT 是否阻止了 javascript 的执行？？？

任何建议，将不胜感激！！！

谢谢

4

2 回答 2

1

如果您想在 GWT 应用程序中使用 Bootstrap，我强烈建议您使用现有的库，如gwtbootstrap3或gwt-bootstrap。

这里的问题可能是由于TextBox尚未将 DOM 添加到 DOM 中。所有脚本可能都已加载，但这并不意味着整个视图已由 GWT 构建（尝试在该函数中添加延迟以查看我是否正确）。您可以在您的视图中添加一个“回调”方法（在视图可用时调用），该方法将调用您的主机页面中的一个方法，该方法将转换TextBox为datepicker...但除非这是您正在使用的应用程序中唯一的小部件来自 Bootstrap，我建议使用适当的库，以更 GWT 的方式导入 Bootstrap 的小部件。

于 2015-01-12T10:27:12.430 回答
0

确保包括您的

<script src=".nocache.js"></script>

前 

<script src="bootstrap.min.js"></script>
于 2015-01-14T11:29:38.737 回答