Examples of com.extjs.gxt.ui.client.widget.form.FormPanel

Package com.extjs.gxt.ui.client.widget.form

Examples of com.extjs.gxt.ui.client.widget.form.FormPanel

com.extjs.gxt.ui.client.widget.form.FormPanel
A panel for displaying form widgets. By default, FormPanel uses a FormLayout, but this may be overridden when using nested layouts. See {@link FormLayout}for more documentation.
FormPanel supports nested layout containers. Fields should only be added to layout containers with a form layout. The form panel settings only apply to the panel's direct children.
Events:
BeforeSubmit : FormEvent(this)

Fires before the form is submitted. Only applies when using HTML submits. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- formPanel : this
Submit : FormEvent(this, resultHtml)

Fires after the form has been submitted. Only applies when using HTML submits.
- formPanel : this
- resultHtml : the response html
Inherited Events:

ContentPanel BeforeExpand

ContentPanel Expand

ContentPanel BeforeCollapse

ContentPanel Collapse

ContentPanel BeforeClose

ContentPanel Close

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

    setLayout(new FitLayout());
    
    this.verticalPanel = new VerticalPanel();
    this.verticalPanel.setHorizontalAlign(HorizontalAlignment.CENTER);
    
    this.frmpnlNewFormpanel = new FormPanel();
    this.frmpnlNewFormpanel.setHeaderVisible(false);
    this.frmpnlNewFormpanel.setHeading("");
    this.frmpnlNewFormpanel.setCollapsible(true);
    this.verticalPanel.add(this.frmpnlNewFormpanel);

View Full Code Here

    });
  }
  
  private FormPanel createAboutPanel()
  {
    final FormPanel panel = new FormPanel();
    panel.setFrame(false);
    panel.setBodyBorder(false);
    panel.setHeaderVisible(false);
    panel.setButtonAlign(HorizontalAlignment.CENTER);
    panel.setLayout(new FitLayout());
    
    aboutTextArea = new TextArea();
    aboutTextArea.setHideLabel(true);
    panel.add(aboutTextArea);
    
    return panel;
  }

View Full Code Here

    return panel;
  }
  
  private FormPanel createLocationPanel()
  {
    final FormPanel panel = new FormPanel();
    panel.setFrame(false);
    panel.setBodyBorder(false);
    panel.setHeaderVisible(false);
    panel.setButtonAlign(HorizontalAlignment.CENTER);
    
    streetField = new TextField<String>();
    streetField.setFieldLabel(JabberApp.getConstants().Street());
    panel.add(streetField);
    
    cityField = new TextField<String>();
    cityField.setFieldLabel(JabberApp.getConstants().City());
    panel.add(cityField);
    
    stateField = new TextField<String>();
    stateField.setFieldLabel(JabberApp.getConstants().State());
    panel.add(stateField);
    
    pCodeField = new TextField<String>();
    pCodeField.setFieldLabel(JabberApp.getConstants().Postal_Code());
    panel.add(pCodeField);
    
    countryField = new TextField<String>();
    countryField.setFieldLabel(JabberApp.getConstants().Country());
    panel.add(countryField);
    return panel;
  }

View Full Code Here

    return panel;
  }
  
  private FormPanel createWorkPanel()
  {
    final FormPanel panel = new FormPanel();
    panel.setFrame(false);
    panel.setBodyBorder(false);
    panel.setHeaderVisible(false);
    panel.setButtonAlign(HorizontalAlignment.CENTER);
    
    companyField = new TextField<String>();
    companyField.setFieldLabel(JabberApp.getConstants().Company());
    panel.add(companyField);
    
    departmentField = new TextField<String>();
    departmentField.setFieldLabel(JabberApp.getConstants().Department());
    panel.add(departmentField);
    
    positionField = new TextField<String>();
    positionField.setFieldLabel(JabberApp.getConstants().Position());
    panel.add(positionField);
    
    roleField = new TextField<String>();
    roleField.setFieldLabel(JabberApp.getConstants().Role());
    panel.add(roleField);
    
    return panel;
  }

View Full Code Here

    return panel;
  }
  
  private FormPanel createGeneralPanel()
  {
    final FormPanel panel = new FormPanel();
    panel.setFrame(false);
    panel.setBodyBorder(false);
    panel.setHeaderVisible(false);
    panel.setButtonAlign(HorizontalAlignment.CENTER);  
      panel.setLayout(new FitLayout());
    
    LayoutContainer main = new LayoutContainer();  
      main.setLayout(new ColumnLayout());  
    
      LayoutContainer left = new LayoutContainer();  
    
      FormLayout layout = new FormLayout();  
      left.setLayout(layout);  
    
    fullNameField = new TextField<String>();
    fullNameField.setFieldLabel(JabberApp.getConstants().Full_Name());
    left.add(fullNameField);
    
    nickNameField = new TextField<String>();
    nickNameField.setFieldLabel(JabberApp.getConstants().Nickname());
    left.add(nickNameField);
    
    birthdayField = new TextField<String>();
    birthdayField.setFieldLabel(JabberApp.getConstants().Birthday());
    left.add(birthdayField);
    
    phoneField = new TextField<String>();
    phoneField.setFieldLabel(JabberApp.getConstants().Phone());
    left.add(phoneField);
    
    homepageField = new TextField<String>();
    homepageField.setFieldLabel(JabberApp.getConstants().Homepage());
    left.add(homepageField);
    
    emailField = new TextField<String>();
    emailField.setFieldLabel(JabberApp.getConstants().E_Mail());
    left.add(emailField);
    
    LayoutContainer right = new LayoutContainer();  


    //layout = new FormLayout();  
    right.setLayout(new CenterLayout()); 
    
    avatarImg = new Image("images/default_avatar.png");
    avatarImg.setWidth("64px");
    avatarImg.setHeight("64px");
    
    right.add(new AdapterField(avatarImg));
    
    main.add(left, new ColumnData(.7));  
      main.add(right, new ColumnData(.3));  
      panel.add(main);
    return panel;
  }

View Full Code Here

            
            if (equationsCounter == equations.size())
            {
                lineChart = new LineChart(dataTable, createOptions());
                clear();
                FormPanel chartPanel = new FormPanel();
                chartPanel.setHeading("Solution");
                chartPanel.add(lineChart);
                add(chartPanel);
            }
            
            progressWidget.close();

View Full Code Here

            
            if (equationsCounter == equations.size() + 1)
            {
                lineChart = new LineChart(dataTable, createOptions());
                clear();
                FormPanel chartPanel = new FormPanel();
                chartPanel.setHeading("Solution");
                chartPanel.add(lineChart);
                add(chartPanel);
            }
            
            progressWidget.close();
        }

View Full Code Here

      
    }
  }


  private final ContentPanel createPropertiesContent() {
    FormPanel panel = new FormPanel();
    panel.setHeaderVisible(false);
    panel.setButtonAlign(HorizontalAlignment.RIGHT);
    panel.setStyleAttribute("padding", "20");
    
    KeyListener keyListener = new KeyListener() {
      public void componentKeyUp(ComponentEvent event) {
        editor.markDirty();
      }
    };


    name = new TextField<String>();
    name.setFieldLabel(constants.name());
    name.setEmptyText(constants.groupName());
    name.setAllowBlank(false);
    name.setMinLength(2);    
    name.addKeyListener(keyListener);
    name.setStyleAttribute("marginTop", "5");
    name.setStyleAttribute("marginBottom", "5");
    panel.add(name);


    description = new TextArea();
    description.setPreventScrollbars(true);
    description.setFieldLabel(constants.description());
    description.addKeyListener(keyListener);
    description.setStyleAttribute("marginTop", "5");
    description.setStyleAttribute("marginBottom", "5");
    panel.add(description);


    return panel;
  }

View Full Code Here


    container.add(hp, ldata);
  }
  
  private FormPanel createForm() { 
    FormPanel panel = new FormPanel();
    panel.setFrame(true);
    panel.setCollapsible(false);
    panel.setHeaderVisible(false);
    panel.setSize(406, -1);
    panel.setButtonAlign(HorizontalAlignment.RIGHT);


    panel.add(createPagePanel());
    panel.add(createOutputPanel());    
    
    return panel;
  }

View Full Code Here

      description.setValue(connection.getDescription());
    }
  }
  
  private final ContentPanel createPropertiesPanel() {
    FormPanel panel = new FormPanel();
    panel.setHeaderVisible(false);
    panel.setButtonAlign(HorizontalAlignment.RIGHT);
    panel.setStyleAttribute("padding", "20");
    
    KeyListener keyListener = new KeyListener() {
      public void componentKeyUp(ComponentEvent event) {
        editor.markDirty();
      }
    };


    name = new TextField<String>();
    name.setFieldLabel(constants.name());
    name.setEmptyText(constants.connectionName());
    name.setAllowBlank(false);
    name.addKeyListener(keyListener);
    name.setStyleAttribute("marginTop", "5");
    name.setStyleAttribute("marginBottom", "5");
    panel.add(name);


    description = new TextArea();  
    description.setPreventScrollbars(true);  
    description.setFieldLabel(constants.description());
    description.addKeyListener(keyListener);
    description.setStyleAttribute("marginTop", "5");
    description.setStyleAttribute("marginBottom", "5");
    panel.add(description);  
    
    return panel;
  }

View Full Code Here

0 1 2 3 4 5 6

TOP

Related Classes of com.extjs.gxt.ui.client.widget.form.FormPanel

com.anzsoft.client.ui.InfoDialog

com.anzsoft.client.ui.UserSearchDialog

com.extjs.gxt.samples.client.examples.binding.BasicBindingExample

com.extjs.gxt.samples.client.examples.binding.GridBindingExample

com.extjs.gxt.samples.client.examples.binding.GridStoreBindingExample

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

com.extjs.gxt.samples.client.examples.forms.AdvancedFormsExample

com.extjs.gxt.samples.client.examples.forms.CustomFormExample

com.extjs.gxt.samples.client.examples.forms.FileUploadExample

com.extjs.gxt.samples.client.examples.forms.FormsExample

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.