Examples of com.extjs.gxt.ui.client.widget.VerticalPanel

com.extjs.gxt.ui.client.widget.VerticalPanel
A {@link LayoutContainer} that lays out its children in a single column usinga {@link TableLayout}. Each child widget can control its cell's properties using an associated {@link TableData} instance.

Inherited Events:

LayoutContainer AfterLayout
ScrollContainer Scroll

Container BeforeAdd

Container Add

Container BeforeRemove

Container Remove

BoxComponent Move

BoxComponent Resize

Component Enable

Component Disable

Component BeforeHide

Component Hide

Component BeforeShow

Component Show

Component Attach

Component Detach

Component BeforeRender

Component Render

Component BrowserEvent

Component BeforeStateRestore

Component StateRestore

Component BeforeStateSave

Component SaveState

    
    
    HorizontalPanel horizontalPanelUsuario = new HorizontalPanel();
    horizontalPanelUsuario.setHeight(HORIZONTAL_PANEL_HEIGTH);
    
    VerticalPanel verticalPanel = new VerticalPanel();
    VerticalPanel verticalPanel_1 = new VerticalPanel();
    
    LabelField labelUsuario = new LabelField("Usuario");
    labelUsuario.setWidth(LABEL_WIDTH);
    TableData td_labelUsuario = new TableData();
    td_labelUsuario.setHorizontalAlign(HorizontalAlignment.CENTER);
    verticalPanel.add(labelUsuario, td_labelUsuario);
    verticalPanel.setWidth(VERTICAL_PANEL_WIDTH);
    horizontalPanelUsuario.add(verticalPanel);
    
//    textUsuario.addKeyListener(new KeyListener() {
//      public void componentKeyPress(ComponentEvent event) {
//        presionoEnter(event);
//      }
//    });
    textUsuario.setAllowBlank(Boolean.FALSE);
    textUsuario.setWidth(TEXT_BOX_WIDTH);
    verticalPanel_1.add(textUsuario);
    verticalPanel_1.setWidth(VERTICAL_PANEL_WIDTH);
    TableData td_verticalPanel_1 = new TableData();
    td_verticalPanel_1.setHorizontalAlign(HorizontalAlignment.CENTER);
    horizontalPanelUsuario.add(verticalPanel_1, td_verticalPanel_1);
    mainLoginPanel.add(horizontalPanelUsuario);


    
    HorizontalPanel horizontalPanelPassword = new HorizontalPanel();
    
    VerticalPanel verticalPanel_2 = new VerticalPanel();
    
    LabelField labelPassword = new LabelField("Password");
    labelPassword.setWidth(LABEL_WIDTH);
    TableData td_labelPassword = new TableData();
    td_labelPassword.setHorizontalAlign(HorizontalAlignment.CENTER);
    verticalPanel_2.add(labelPassword, td_labelPassword);
    verticalPanel_2.setWidth(VERTICAL_PANEL_WIDTH);
    horizontalPanelPassword.add(verticalPanel_2);
    
    VerticalPanel verticalPanel_3 = new VerticalPanel();
    
    textPassword = new TextField();
//    textPassword.addKeyListener(new KeyListener() {
//      public void componentKeyPress(ComponentEvent event) {
//        presionoEnter(event);
//      }
//    });
    textPassword.setAllowBlank(Boolean.FALSE);
    textPassword.setPassword(true);


    textPassword.setPassword(true);
    textPassword.setWidth(TEXT_BOX_WIDTH);
    verticalPanel_3.add(textPassword);
    verticalPanel_3.setWidth(VERTICAL_PANEL_WIDTH);
    TableData td_verticalPanel_3 = new TableData();
    td_verticalPanel_3.setHorizontalAlign(HorizontalAlignment.CENTER);
    horizontalPanelPassword.add(verticalPanel_3, td_verticalPanel_3);
    horizontalPanelPassword.setHeight(HORIZONTAL_PANEL_HEIGTH);
    mainLoginPanel.add(horizontalPanelPassword);

View Full Code Here

   * Agrega los campos 
   * @param verticalPanel
   */
  @SuppressWarnings({"unchecked"})
  private VerticalPanel getPanelFields() {
    VerticalPanel verticalPanel = new VerticalPanel();
    
    verticalPanel.add(getFieldHorizontalLine(fldName, "Nombre", FIELD_WIDTH, LABEL_WIDTH));
    fldName.setAllowBlank(Boolean.FALSE);
    fldName.setMaxLength(30);
    registerField(fldName);
    
    verticalPanel.add(getFieldHorizontalLine(fldPeriodicity, "Periodicidad", FIELD_WIDTH, LABEL_WIDTH));
    fldPeriodicity.setAllowBlank(Boolean.FALSE);
    fldPeriodicity.setPropertyEditorType(Integer.class);
//    fldPeriodicity.setValidator(new IntegerValidator());
    fldPeriodicity.setMinValue(10000);
    fldPeriodicity.setMaxValue(2147483646);//maximo valor de un int en sql server
    registerField(fldPeriodicity);


    verticalPanel.add(getFieldHorizontalLine(fldExpiration, "Fecha de Expiracion", FIELD_WIDTH, LABEL_WIDTH));
    fldExpiration.setValidator(new Validator() {
      
      @Override
      public String validate(Field<?> field, String value) {
        if (((DateField)field).getValue().before(new Date())){
          return "La fecha de expiracion debe ser posterior a la fecha actual.";
        }
        return null;
      }
    });
    registerField(fldExpiration);


    verticalPanel.add(getFieldHorizontalLine(fldIterations, "Cantidad de iteraciones", FIELD_WIDTH, LABEL_WIDTH));
//    fldIterations.setValidator(new IntegerValidator());
    //field.setAllowBlank(Boolean.FALSE);
    fldIterations.setPropertyEditorType(Integer.class);
    fldIterations.setMinValue(1);
    fldIterations.setMaxValue(2147483646);//maximo valor de un int en sql server
    registerField(fldIterations);


    verticalPanel.add(getFieldHorizontalLine(fldType, "Tipo de Evento", FIELD_WIDTH, LABEL_WIDTH));
    fldType.setAllowBlank(Boolean.FALSE);
    registerField(fldType);


    ListStore listStore = new ListStore();
    //listStore.add(getModelData(EventWindowOption.LDAP, "LDAP"));

View Full Code Here

    eventWindowOption.setVisiblePanel();
  }
  
  @SuppressWarnings({"unchecked"})
  private void initializeLDAPPanel() {
    VerticalPanel vPanel = this.vPanelLDAP;


    CaptionPanel caption = new CaptionPanel("LDAP");
    vPanel.add(caption);
    caption.setSize(ESPECIFIC_PANEL_WIDTH.toString(), ESPECIFIC_PANEL_HEIGTH.toString());
    
    VerticalPanel bodyCaption = new VerticalPanel();
    caption.add(bodyCaption);
    
    Map params = new HashMap<String, String>();
    params.put(ServiceNameConst.SERVICIO, ServiceNameConst.LIST_USERS);
    DispatcherUtil.getDispatcher().execute(params,
        new AsyncCallback() {


          @Override
          public void onFailure(Throwable caught) {
            DialogFactory.error("No se han podido consultar los usuarios LDAP.");
          }


          @Override
          public void onSuccess(Object result) {


            Map map = (Map) result;
            Collection users = (Collection) map.get(ParamsConst.DATA);
            ListStore listStore = new ListStore();
            Iterator it = users.iterator();
            while (it.hasNext()) {
              Map actual = (Map) it.next();
              listStore.add(getModelData((String)actual.get(ParamsConst.ID), (String)actual.get(ParamsConst.NAME)));
            }
            
            fldUser.setStore(listStore);
          }


        });


    bodyCaption.add(getFieldHorizontalLine(fldUser, "Usuario", FIELD_WIDTH, LABEL_WIDTH));
    fldUser.setEditable(Boolean.FALSE);
    fldUser.setTypeAhead(true);  
    fldUser.setTriggerAction(TriggerAction.ALL); 
    bodyCaption.add(getFieldHorizontalLine(fldCode, "Codigo de Evento", FIELD_WIDTH, LABEL_WIDTH));
    fldCode.setAllowBlank(Boolean.FALSE);
    vPanel.setVisible(Boolean.FALSE);
  }

View Full Code Here

    fldCode.setAllowBlank(Boolean.FALSE);
    vPanel.setVisible(Boolean.FALSE);
  }


  private void initializePatronPanel() {
    VerticalPanel vPanel = this.vPanelPatron;


    CaptionPanel caption = new CaptionPanel("Patron en Logs");
    vPanel.add(caption);
    vPanel.setVisible(Boolean.FALSE);
    caption.setSize(ESPECIFIC_PANEL_WIDTH.toString(), ESPECIFIC_PANEL_HEIGTH.toString());
    
    VerticalPanel bodyCaption = new VerticalPanel();
    caption.add(bodyCaption);
    
    bodyCaption.add(getFieldHorizontalLine(fldPathLogs, btnPathLogs, "Ruta", FIELD_WIDTH, LABEL_WIDTH));
    fldPath.setAllowBlank(Boolean.FALSE);
    btnPathLogs.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        BrowseFilesModalWindow modal = new BrowseFilesModalWindow(fldPathLogs);
        modal.show();
      }
    });
    
    bodyCaption.add(getFieldHorizontalLine(fldPatern, "Patron", FIELD_WIDTH, LABEL_WIDTH));
    fldPatern.setAllowBlank(Boolean.FALSE);
    fldPatern.setMaxLength(255);
  }

View Full Code Here

    fldPatern.setMaxLength(255);
  }


  @SuppressWarnings({"unchecked"})
  private void initializeArchivosPanel() {
    VerticalPanel vPanel = this.vPanelArchivos;


    CaptionPanel caption = new CaptionPanel("Archivos");
    vPanel.add(caption);
    caption.setSize(ESPECIFIC_PANEL_WIDTH.toString(), ESPECIFIC_PANEL_HEIGTH.toString());


    VerticalPanel bodyCaption = new VerticalPanel();
    caption.add(bodyCaption);
    
    bodyCaption.add(getFieldHorizontalLine(fldControlType, "Tipo de Control", FIELD_WIDTH, LABEL_WIDTH));
    fldControlType.setAllowBlank(Boolean.FALSE);
    ListStore listStore = new ListStore();
    listStore.add(getModelData("1", "Creacion"));
    listStore.add(getModelData("2", "Modificacion"));
    fldControlType.setStore(listStore);

View Full Code Here

    return fieldHorizontalLine;
  }
   


  private void initializeServiciosPanel() {
    VerticalPanel vPanel = this.vPanelServicios;


    CaptionPanel caption = new CaptionPanel("Servicios");
    vPanel.add(caption);
    caption.setSize(ESPECIFIC_PANEL_WIDTH.toString(), ESPECIFIC_PANEL_HEIGTH.toString());


    VerticalPanel bodyCaption = new VerticalPanel();
    bodyCaption.add(getFieldHorizontalLine(fldHost, "Direccion del servidor", FIELD_WIDTH, LABEL_WIDTH));
    bodyCaption.add(getFieldHorizontalLine(fldPort, "Puerto", FIELD_WIDTH, LABEL_WIDTH));
    caption.add(bodyCaption);


    fldHost.setAllowBlank(Boolean.FALSE);
    fldPort.setAllowBlank(Boolean.FALSE);

View Full Code Here

    // TODO acomodar posicion
    setSize(IEvenTask.APP_WINDOW_WIDTH.toString(), IEvenTask.DEFAULT_MENU_HEIGTH.toString());
    
    //componentes del panel de tareas
    HorizontalPanel horizontalPanel = new HorizontalPanel();
    VerticalPanel verticalPanel_grilla = new VerticalPanel();
    VerticalPanel verticalPanel_comentarios = new VerticalPanel();
    //Context.getInstance().getUsuario()
    
    //seteo las propiedades al componente Grid
    grid.setSize(GRID_WIDTH, GRID_HEIGTH);
    grid.defaultContextMenuTask();
    grid.defaultActionOnSelectItemTask();
    grid.setBorders(true);
    verticalPanel_grilla.add(grid.getToolBar());
    verticalPanel_grilla.add(grid);
    
    
    horizontalPanel.add(verticalPanel_grilla);
    verticalPanel_comentarios.add(addComentarios());
    
    horizontalPanel.add(verticalPanel_comentarios);
    this.add(horizontalPanel);
    
    autoRefresh();

View Full Code Here

    // TODO acomodar posicion
    setSize(IEvenTask.APP_WINDOW_WIDTH.toString(), IEvenTask.DEFAULT_MENU_HEIGTH.toString());
    
    //componentes del panel de objetivos
    HorizontalPanel horizontalPanel = new HorizontalPanel();
    VerticalPanel verticalPanel_grilla = new VerticalPanel();
    
    //seteo las propiedades al componente Grid
    grid.setSize(GRID_WIDTH, GRID_HEIGTH);
    grid.defaultContextMenuObjective();
    grid.defaultActionOnSelectItemObjective();
    grid.setBorders(true);
    verticalPanel_grilla.add(grid.getToolBar());
    verticalPanel_grilla.add(grid);
    horizontalPanel.add(verticalPanel_grilla);
    
    this.add(horizontalPanel);
  }

View Full Code Here

    super();
    setSize(IEvenTask.APP_WINDOW_WIDTH.toString(), IEvenTask.DEFAULT_MENU_HEIGTH.toString());
    
    horizontalPanel = new HorizontalPanel();
    
    verticalPanel = new VerticalPanel();
    verticalPanel.setWidth(VERTICAL_PANEL_MENU_WIDTH);
    mnuBar = new MenuBar();
    verticalPanel.add(mnuBar);
    
    FileMenu fileMenu = new FileMenu();
    mnuFile = new MenuBarItem("Preferencias", fileMenu);
    mnuBar.add(mnuFile);
    
    ReportMenu reportMenu = new ReportMenu();
    mnuReport = new MenuBarItem("Reportes", reportMenu);
    mnuBar.add(mnuReport);
    
    horizontalPanel.add(verticalPanel);
    
    verticalPanel_1 = new VerticalPanel();
    
    Button btnSalir = new Button("Salir");
    btnSalir.addSelectionListener(new SelectionListener<ButtonEvent>(){
      @Override
      public void componentSelected(ButtonEvent ce)

View Full Code Here

  /**
   * Agrega los campos 
   * @param verticalPanel
   */
  private VerticalPanel getPanelFields() {
    VerticalPanel verticalPanel = new VerticalPanel();
    
    verticalPanel.add(getFieldHorizontalLine(fldEventType, "Tipo de Evento", FIELD_WIDTH, LABEL_WIDTH));
    fldEventType.setAllowBlank(Boolean.FALSE);
    registerField(fldEventType);
    verticalPanel.add(getFieldHorizontalLine(fldEvent, "Evento", FIELD_WIDTH, LABEL_WIDTH));
    fldEvent.setAllowBlank(Boolean.FALSE);
    registerField(fldEvent);
    
    ListStore listStoreEventType = new ListStore();
    //listStoreEventType.add(getModelData(ServiceNameConst.LIST_EVENT_LDAP, "LDAP"));
    listStoreEventType.add(getModelData(ServiceNameConst.LIST_EVENT_LOGS, "Patron en logs"));
    listStoreEventType.add(getModelData(ServiceNameConst.LIST_EVENT_FILES, "Archivos"));
    listStoreEventType.add(getModelData(ServiceNameConst.LIST_EVENT_SERVICES, "Servicios"));
    fldEventType.setStore(listStoreEventType);
    fldEventType.setEditable(Boolean.FALSE);
    fldEventType.setTypeAhead(true);  
    fldEventType.setTriggerAction(TriggerAction.ALL);
    
    ListStore listStoreEvent = new ListStore();
    fldEvent.setStore(listStoreEvent);
    fldEvent.setEditable(Boolean.FALSE);
    fldEvent.setTypeAhead(true);  
    fldEvent.setTriggerAction(TriggerAction.ALL);
    
    fldEventType.addSelectionChangedListener(new SelectionChangedListener() {


      @Override
      public void selectionChanged(SelectionChangedEvent se) {
        ModelData modelData = se.getSelectedItem();
        UpdateFldEvent(modelData, null);
      }
    });
    
    
    verticalPanel.add(getFieldHorizontalLine(fldAction, "Accion", FIELD_WIDTH, LABEL_WIDTH));
    fldAction.setAllowBlank(Boolean.FALSE);
    registerField(fldAction);


    ListStore listStore = new ListStore();
    listStore.add(getModelData(RelationWindowOption.CREATE_TASK, "Crear Tarea"));

View Full Code Here

0 1 2 3 4 5

TOP

Related Classes of com.extjs.gxt.ui.client.widget.VerticalPanel

ar.com.AmberSoft.iEvenTask.client.EventWindow

ar.com.AmberSoft.iEvenTask.client.menu.LoginPanel

ar.com.AmberSoft.iEvenTask.client.menu.MainMenu

ar.com.AmberSoft.iEvenTask.client.menu.MainTabObjetivos

ar.com.AmberSoft.iEvenTask.client.menu.MainTabTareas

ar.com.AmberSoft.iEvenTask.client.ProfilesWindow

ar.com.AmberSoft.iEvenTask.client.RelationWindow

com.extjs.gxt.samples.client.examples.button.ButtonsExample

com.extjs.gxt.samples.client.examples.core.TemplateExample

com.extjs.gxt.samples.client.examples.dnd.TreeGridToTreeGridExample

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.