Ejemplo «Hola mundo» de la interfaz de usuario del frontend

Descripción

Consejo

Este ejemplo añade un nuevo widget a la interfaz de usuario de la pestaña de documentos:

• Crear un nuevo módulo GWT.
• Importar el nuevo módulo GWT en el módulo GWT del frontend de OpenKM por defecto.
• Crear un nuevo widget básico.
• Utilizar el widget en la interfaz de usuario del frontend de OpenKM.

Ejemplo

Crear un nuevo módulo GWT

Cree un archivo llamado HelloWorld.gwt.xml en src/main/resources/com/openkm/extension/frontend

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module SYSTEM "http://google-web-toolkit.googlecode.com/svn/releases/2.0/distro-source/core/src/gwt-module.dtd">
<module>
  <!-- Inherit the core Web Toolkit stuff -->
  <inherits name='com.google.gwt.user.User'/>
  <inherits name="com.google.gwt.http.HTTP"/>
</module>

Añadir el módulo a la interfaz de usuario del frontend de OpenKM

Edite Customization.gwt.xml en src/main/resources/com/openkm/extension/frontend y añada el nuevo módulo

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module SYSTEM "http://google-web-toolkit.googlecode.com/svn/releases/2.0/distro-source/core/src/gwt-module.dtd">
<module>
  <!-- Inherit the extension widgets -->
  <inherits name="com.openkm.extension.frontend.HelloWorld"/>
</module>

Crear un nuevo widget

Cree un archivo llamado HelloWorld.java en src/main/java/com/openkm/extension/frontend/client

public class HelloWorld extends TabDocumentExtension {
  Button refresh;
  VerticalPanel vPanel;

  public HelloWorld() {
    HTML html = new HTML("Hello Word");
    refresh = new Button("refresh UI");
    refresh.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        GeneralComunicator.refreshUI();
      }
    });
    vPanel = new VerticalPanel();
    vPanel.add(html);
    vPanel.add(refresh);

    refresh.setStyleName("okm-Input");

    initWidget(vPanel);
  }

  @Override
  public String getTabText() {
    return "Hello tab";
  }

  @Override
  public void set(GWTDocument doc) {
    // TODO Auto-generated method stub
  }

  @Override
  public void setVisibleButtons(boolean visible) {
    // TODO Auto-generated method stub

  }

        @Override
        public String getExtensionUUID() {
                return String.valueOf("d9dab640-d098-11df-bd3b-0800200c9a66");
        }
}

Utilizar el widget en OpenKM

Edite la clase Customization.java de OpenKM y añada el widget HelloWorld:

public class Customization {

  /**
   * getExtensionWidgets
   *
   * @return
   */
  public static List<Object> getExtensionWidgets() {
    List<Object> extensions = new ArrayList<Object>();

    // Declare here your widget extensions
    extensions.add(new HelloWorld());

    return extensions;
  }
}

Resultados

Compile el proyecto, inicie sesión en OpenKM y verá algo como esto: