Question

我正在尝试使用GWT-Bootstrap模式小部件创建一个对话框。我可以让它显示，但无法让按钮识别事件。取消按钮onClick永远不会触发。有一些其他代码试图让addClass按钮做一些事情，但剥离了它。如果我可以取消按钮来做某事（任何事情！）我应该保持良好状态。

我也尝试过使用addDomHandler的java，而且也没用。

这是XML：

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:a="urn:import:cgs.common.client.gwt.bootstrap"
  xmlns:b="urn:import:com.github.gwtbootstrap.client.ui"
  xmlns:g="urn:import:com.google.gwt.user.client.ui">
  <b:Modal title="Add Class?" ui:field="addClassModal" backdrop="STATIC" keyboard="true" animation="true">
    <a:BootstrapField label="Classname:">
     <a:BootstrapTextInput
          ui:field="classname" 
          placeholder="Classname" />
        </a:BootstrapField>
    <b:Button ui:field="addClass">Add Class</b:Button>
    <b:Button ui:field="cancel">Cancel</b:Button>
    </b:Modal>
</ui:UiBinder>

这是java：

package cgs.teacher.portal.client.view.impl.bootstrap;


import cgs.common.client.gwt.bootstrap.BootstrapTextInput;

import com.github.gwtbootstrap.client.ui.Button;
import com.github.gwtbootstrap.client.ui.Modal;
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;

import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;



public class AddClassDialogViewImpl
        extends Composite

{


    interface AddClassDialogViewImplUiBinder extends UiBinder<Widget, AddClassDialogViewImpl>
    {
    }

    private static AddClassDialogViewImplUiBinder uiBinder = GWT
            .create(AddClassDialogViewImplUiBinder.class);

    @UiField
    Modal addClassModal;
    @UiField
    BootstrapTextInput classname;
    @UiField
    Button addClass;
    @UiField
    Button cancel;



    public AddClassDialogViewImpl()
    {
        initWidget(uiBinder.createAndBindUi(this));



        cancel.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
              addClassModal.hide();
            }
          });

        addClassModal.toggle();  //PS. Show gave error. Had to use toggle to show!

    }

}

谢谢！

Answer 1

我发现的另一种解决方法是将Modal组件添加到RootPanel：

public AddClassDialogViewImpl() {

  initWidget(uiBinder.createAndBindUi(this));

  cancel.addClickHandler(new ClickHandler() {
    @Override
    public void onClick(ClickEvent event) {
    //hide the widget
    addClassModal.hide();

    // unless you want to keep this modal as a singleton, you need to remove it from the DOM
    RootPanel.get().remove(AddClassDialogViewImpl.this);
    }
  });

  //add the widget to the DOM
  RootPanel.get().add(this);
  // show the widget
  addClassModal.show();

}

GWT Bootstrap模态按钮不适用于ClickHandler的onClick

1 个答案: