如何在gwt入口点中声明的元素上应用gwt查询



我们在应用程序中成功完成凭证的创建、保存和更新后显示消息,我们使用gwt来完成上述所有处理,并将通过使用gwt-rpc从服务器端获得成功消息,然后将该消息放在gwt入口点中声明的面板中。我们决定使用gwt查询使应用程序有效,就像我们向用户显示消息一样,它应该在一段时间(秒)后隐藏。

我们已经尝试过了,但无法将gquery应用于gwt入口点中声明的面板或元素。我们申请了html或jsp文件中的元素。在这方面我们需要一些帮助。

代码段

Public class myGwtEntryPoint implements EntryPoint {
VerticalPanel fiscalSettingPanel = new VerticalPanel();
  AbsolutePanel messagePanel = new AbsolutePanel();
  SimplePanel finishPanel = new SimplePanel();
  BaseCurrency baseCurrencyGlobal;
  ListBox monthListBox = new ListBox();
  @Override
  public void onModuleLoad() {
    // Removing loading image in Jsp before loading gwt module.
    if (RootPanel.get("accountingsetup-div").getElement().hasChildNodes())
      RootPanel.get("accountingsetup-div").getElement().getFirstChildElement().removeFromParent();
      // Here i am getting success message from server(gwt-rpc) and that to the  "messagePanel", that messagePanel to the 'fiscalSettingPanel '   
         fiscalSettingPanel .add("messagePanel");
 }

在上面的代码片段中,一旦显示了消息,我想使用gwt查询

使消息在5秒后消失

这样?

import com.google.gwt.user.client.Timer;
private Timer myTimer = new Timer()
{   
    @Override
    public void run()
    {
        /**
         * remove your Panel
         */
        fiscalSettingPanel.remove("messagePanel");
    }
};
myTimer.schedule(5000);

您可以使用gquery来选择元素和小部件并与之交互,您可以使用css选择器、元素和小组件作为参数,因此在您的情况下,

1.-我将使用gquery以这种方式从您的jsp中删除加载图像,而不是处理大型代码:

// Removing loading image in Jsp before loading gwt module.
$("#accountingsetup-div").empty();

2.-关于如何在一段时间后隐藏面板,我将使用效果队列,因此链接延迟和隐藏效果就足够了。

 // Here i am getting success message from server(gwt-rpc) and that to the  "messagePanel", that messagePanel to the 'fiscalSettingPanel '
 messagePanel.clear();
 messagePanel.add(new Label("Server message"));
 // First show the panel, and them enqueue an effect to hide it
 $(messagePanel).show().delay(4000).fadeOut();

最新更新