gwtQuery的优势

Question

谁能告诉我使用gwt query css it的好处是什么？.Is效果。以及如何使用它来创建像gwt这样的ui元素。

我所理解的就是在项目中使用标签、文本框、buton等gwt组件，然后gwt查询只是给这些组件一些效果，是这样的吗？

如果是为了css效果，那么我们也可以在gwt中做同样的事情，那么为什么我将使用Gwtquery而不是gwt。谁能帮帮我..。

谢谢,

Answer 1

GQuery远不止于此。例如，您可以快速轻松地导航到de DOM (如jQuery)！

听着，今天早上我是这么用的：

Element p = DOM.createElement("p");
p.addClassName("KV");
p.setInnerText(newBody);
$(cellList + " #__idx=\""+position+"\" p .KV").replaceWith(p);

如果你看一下最后一行，你会看到:小部件cellList的相关DOM (来自MGWT的CellList)，搜索id为"__idx"的元素，然后选择elements p，并从中选择具有"KV"类的元素。

你有没有想过gwt中的代码是这样的？

您可以使用的其他真正有用的东西是Promise模式。如果B已正确完成，则执行A；如果C已正确完成，则执行B。我们在我们的应用程序中使用它进行oAuth身份验证。相信如果你用一行代码来处理Facebook OAuth，你可以确定一切都很好。

如果你没有使用GQuery，你可能需要用它的onSuccess和onFailure方法(Spaguetti代码)创建4个回调函数。

还有更多的东西。

此外，谷歌和开源社区的重要人物也在该项目下，这是一个好兆头。

Answer 2

在gwtquery中思考，就像是对GWT的必要补充。它不会取代任何东西，但会让你的生活变得更简单。

在其他特性中，这些是gquery添加的GWT中缺少的主要特性。

CSS选择器和DOM遍历操作:允许您增强任何GWT小部件。例如，向GWT表中的所有<td>添加一个图像和一个css类就像下面这样简单：

$(".mygwttable td").append("<img src='' />").addClass("whatever");

2-获取DOM中存在的任何窗口小部件实例，作为解耦代码的一种方式。

TextBox emailBox = $("input[name='email']").widget()

3-轻松操作元素:属性、样式等：

$(".gwt-Label")
  .css($$("background: red, color: white, width: 100%")
  .attr("whatever", true);

4-直观的Ajax，比RequestBuilder简单得多

$(myLabel).load("file.html");

5-帮助程序读取javascript、更改javascript对象和执行javascript函数，而无需编写任何JSNI代码

Properties history = JsUtils.prop(window, "history");
JsUtils.runJavascriptFunction(history, "pushState", null, null, "whatever.html")

6- Json和XML数据绑定:比autobeans更直观、更简单。

7-承诺，动画，还有更多……

因此，尽管您可以使用gwtquery而不使用任何GWT小部件来创建gwt项目，但是使用gquery的正常方式是对gwt的补充，所以使用标准gwt方式开发您的应用程序，并使用gquery helper来编写更少的代码。

在您的示例中，使用普通的gwt小部件，并使用gwtquery来增强它们(样式、呈现的dom中的更改、事件等)，而不必扩展它们来进行更改。