Dear Sir,I could like to add a Scroll Bar Sir..I know the Prodcedure:

First:
We have to import :
Example :

   1. import com.extjs.gxt.ui.client.Style.Scroll;

Second:
Intiliaze
Example:

   1. ContentPanel cp = new ContentPanel();
   2. cp.setHeading("Online Users");
   3. cp.setScrollMode(Scroll.AUTO);
   4. panel.add(cp);

But Not Working Sir..Pls help me sir..











package com.agbnielsen.pollux.client.ui.client.pages.pollux;

import com.agbnielsen.pollux.client.data.domain.TabHhmFam;
import com.agbnielsen.pollux.client.ui.client.UI;
import com.agbnielsen.pollux.client.ui.client.pages.BeanPage;
import com.extjs.gxt.ui.client.Style.HorizontalAlignment;
import com.extjs.gxt.ui.client.binding.FieldBinding;
import com.extjs.gxt.ui.client.binding.FormBinding;
import com.extjs.gxt.ui.client.data.BeanModel;
import com.extjs.gxt.ui.client.data.BeanModelLookup;

import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.VerticalPanel;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.DateField;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.form.TextField;
import com.extjs.gxt.ui.client.widget.form.FormPanel.LabelAlign;
import com.extjs.gxt.ui.client.widget.layout.ColumnData;
import com.extjs.gxt.ui.client.widget.layout.ColumnLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.layout.FormData;
import com.extjs.gxt.ui.client.widget.layout.FormLayout;
import com.google.gwt.user.client.Element;
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;

// TODO move all methods in common tu parent class BeanPage (eg: move
setBinding as virtual method)
public class HouseholdPage extends BeanPage {

    private VerticalPanel vp;
    private TabHhmFam beanFam;

    private FormPanel panel;
    // form fields in binding
    TextField<String> surname;
    TextField<String> status;
    TextField<String> address;
    TextField<String> number;
    TextField<String> secStatus;
    TextField<String> codeHousehold;
    TextField<String> area;
    TextField<String> codeHouseholdString;
    TextField<String> prefix;
    TextField<String> floor;
    TextField<String> map;
    TextField<String> respPch;
    TextField<String> county;
    TextField<String> custom2;
    TextField<String> zip;
    TextField<String> custom3;
    TextField<String> custom4;
    TextField<String> mainPhone;
    TextField<String> courtesyPhone;
    TextField<String> typeMainPhone;
    DateField loadDate;
    DateField installDate;
    DateField disinstDate;
    TextField<String> custom5;
    TextField<String> custom6;
    TextField<String> technician;
    TextField<String> techArea;
    TextField<String> custom7;
    TextField<String> custom8;
    TextField<String> istatCode;

    public HouseholdPage() {

        vp = new VerticalPanel();
        vp.setSpacing(10);

        beanFam = null;
    }

    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);

        if (getBean() != null && getBean() instanceof TabHhmFam) {
            beanFam = (TabHhmFam) getBean();
        }

        createColumnForm();
        createColumnForm1();
        createColumnForm2();
        createColumnForm3();
        createColumnForm4();
        createColumnForm5();

        setBinding();
        add(vp);
    }

    private void setBinding() {
        if (beanFam != null) {
            FormBinding binding = new FormBinding(panel);
            final BeanModel beanModel = BeanModelLookup.get
().getFactory(
                    TabHhmFam.class).createModel(beanFam);

            // manually add bindings to form fields
            binding.addFieldBinding(new FieldBinding(surname,
"surname"));
            binding.addFieldBinding(new FieldBinding(status,
"status"));
            binding.addFieldBinding(new FieldBinding(address,
"street"));
            binding.addFieldBinding(new FieldBinding(number,
"streetNo"));
            binding.addFieldBinding(new FieldBinding(secStatus,
"secStatus"));
            binding.addFieldBinding(new FieldBinding
(codeHousehold,"codeHousehold"));
            binding.addFieldBinding(new FieldBinding(area,"area"));
            binding.addFieldBinding(new FieldBinding
(codeHouseholdString,"codeHouseholdString"));
            binding.addFieldBinding(new FieldBinding
(prefix,"prefix"));
            binding.addFieldBinding(new FieldBinding (floor,"floor"));
            binding.addFieldBinding(new FieldBinding (map,"map"));
            binding.addFieldBinding(new FieldBinding
(respPch,"respPch"));
            binding.addFieldBinding(new FieldBinding
(county,"county"));
            binding.addFieldBinding(new FieldBinding
(custom2,"custom2"));
            binding.addFieldBinding(new FieldBinding (zip,"zip"));
            binding.addFieldBinding(new FieldBinding
(custom3,"custom3"));
            binding.addFieldBinding(new FieldBinding
(custom4,"custom4"));
            binding.addFieldBinding(new FieldBinding
(mainPhone,"mainPhone"));
            binding.addFieldBinding(new FieldBinding
(courtesyPhone,"courtesyPhone"));
            binding.addFieldBinding(new FieldBinding
(typeMainPhone,"typeMainPhone"));
            binding.addFieldBinding(new FieldBinding
(loadDate,"loadDate"));
            binding.addFieldBinding(new FieldBinding
(installDate,"installDate"));
            binding.addFieldBinding(new FieldBinding
(disinstDate,"disinstDate"));
            binding.addFieldBinding(new FieldBinding
(custom5,"custom5"));
            binding.addFieldBinding(new FieldBinding
(custom6,"custom6"));
            binding.addFieldBinding(new FieldBinding
(technician,"technician"));
            binding.addFieldBinding(new FieldBinding
(techArea,"techArea"));
            binding.addFieldBinding(new FieldBinding
(custom7,"custom7"));
            binding.addFieldBinding(new FieldBinding
(custom8,"custom8"));
            binding.addFieldBinding(new FieldBinding
(istatCode,"istatCode"));

            // auto bind remaining fields, field name must match model
property
            // name
            binding.autoBind();
            binding.bind(beanModel);
        }
    }

    private void createColumnForm() {

        final BorderLayout layout1 = new BorderLayout();
        setLayout(layout1);

        FormData formData = new FormData("100%");
        panel = new FormPanel();
        panel.setFrame(true);
        panel.setIconStyle("icon-form");
        panel.setCollapsible(true);
        panel.setHeading("Household Information");
        panel.setSize(470, -1);
        panel.setWidth(1000);
        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.setLayout(new FlowLayout());

        LayoutContainer main = new LayoutContainer();
        main.setLayout(new ColumnLayout());

        LayoutContainer left = new LayoutContainer();

        FormLayout layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        left.setLayout(layout);
        surname = new TextField<String>();
        // TODO localize all!!!
        surname.setFieldLabel(UI.MESSAGES.surname());
        left.add(surname, formData);

        status = new TextField<String>();
        status.setFieldLabel(UI.MESSAGES.status());
        left.add(status, formData);

        secStatus = new TextField<String>();
        secStatus.setFieldLabel(UI.MESSAGES.secStatus());
        left.add(secStatus, formData);

        LayoutContainer right = new LayoutContainer();

        layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        right.setLayout(layout);

        codeHousehold = new TextField<String>();
        codeHousehold.setFieldLabel(UI.MESSAGES.codeHousehold());
        right.add(codeHousehold, formData);

        area = new TextField<String>();
        area.setFieldLabel(UI.MESSAGES.area());
        right.add(area, formData);

        main.add(left, new ColumnData(.5));
        main.add(right, new ColumnData(.5));

        panel.add(main);

        vp.add(panel);
    }

    private void createColumnForm1() {
        FormData formData = new FormData("100%");
        FormPanel panel = new FormPanel();
        panel.setFrame(true);
        panel.setIconStyle("icon-form");
        panel.setCollapsible(true);
        panel.setHeading("Primary Address");
        panel.setSize(470, -1);
        panel.setWidth(1000);
        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.setLayout(new FlowLayout());


        LayoutContainer main = new LayoutContainer();
        main.setLayout(new ColumnLayout());

        LayoutContainer left = new LayoutContainer();

        FormLayout layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        left.setLayout(layout);

        codeHouseholdString = new TextField<String>();
        codeHouseholdString.setFieldLabel
(UI.MESSAGES.codeHouseholdString());
        left.add(codeHouseholdString, formData);

        prefix = new TextField<String>();
        prefix.setFieldLabel(UI.MESSAGES.prefix());
        left.add(prefix, formData);

        LayoutContainer right = new LayoutContainer();

        layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        right.setLayout(layout);

        floor = new TextField<String>();
        floor.setFieldLabel(UI.MESSAGES.floor());
        right.add(floor,formData);

        map = new TextField<String>();
        map.setFieldLabel(UI.MESSAGES.map());
        right.add(map,formData);

        respPch = new TextField<String>();
        respPch.setFieldLabel(UI.MESSAGES.respPch());
        right.add(respPch,formData);

        county = new TextField<String>();
        county.setFieldLabel(UI.MESSAGES.county());
        left.add(county,formData);

        custom2 = new TextField<String>();
        custom2.setFieldLabel(UI.MESSAGES.custom2());
        left.add(custom2,formData);

        zip = new TextField<String>();
        zip.setFieldLabel(UI.MESSAGES.zip());
        left.add(zip,formData);

        custom3 = new TextField<String>();
        custom3.setFieldLabel(UI.MESSAGES.custom3());
        custom3.setAllowBlank(false);
        // TODO autovalidate example
        custom3.setAutoValidate(true);
        custom3.setRegex("[0]*[0-9]{1,4}([.][0-9]{1,3})?");
        custom3.getMessages().setRegexText(
        "Please insert a number between 0 and 9999.999");

        left.add(custom3, formData);

        custom4 = new TextField<String>();
        custom4.setFieldLabel(UI.MESSAGES.custom4());
        left.add(custom4,formData);

        main.add(left, new ColumnData(.5));
        main.add(right, new ColumnData(.2));

        panel.add(main);

        vp.add(panel);
    }

    private void createColumnForm2() {

        FormPanel panel = new FormPanel();
        panel.setFrame(true);
        panel.setIconStyle("icon-form");
        panel.setCollapsible(true);
        panel.setHeading("Secondary Address");
        panel.setSize(470, -1);
        panel.setWidth(1000);
        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.setLayout(new FlowLayout());

        vp.add(panel);
    }

    private void createColumnForm3() {
        FormData formData = new FormData("100%");
        FormPanel panel = new FormPanel();
        panel.setFrame(true);
        panel.setIconStyle("icon-form");
        panel.setCollapsible(true);
        panel.setHeading("Phone Numbers");
        panel.setSize(470, -1);
        panel.setWidth(1000);
        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.setLayout(new FlowLayout());

        LayoutContainer main = new LayoutContainer();
        main.setLayout(new ColumnLayout());

        LayoutContainer left = new LayoutContainer();

        FormLayout layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        left.setLayout(layout);

        mainPhone = new TextField<String>();
        mainPhone.setFieldLabel(UI.MESSAGES.mainPhone());
        left.add(mainPhone,formData);

        courtesyPhone = new TextField<String>();
        courtesyPhone.setFieldLabel(UI.MESSAGES.courtesyPhone());
        left.add(courtesyPhone,formData);

        typeMainPhone = new TextField<String>();
        typeMainPhone.setFieldLabel(UI.MESSAGES.typeMainPhone());
        left.add(typeMainPhone,formData);

        main.add(left, new ColumnData(.5));

        panel.add(main);

        vp.add(panel);
    }

    private void createColumnForm4() {
        FormData formData = new FormData("100%");
        FormPanel panel = new FormPanel();
        panel.setFrame(true);
        panel.setIconStyle("icon-form");
        panel.setCollapsible(true);
        panel.setHeading("Installation Date");
        panel.setSize(470, -1);
        panel.setWidth(1000);
        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.setLayout(new FlowLayout());

        LayoutContainer main = new LayoutContainer();
        main.setLayout(new ColumnLayout());

        LayoutContainer left = new LayoutContainer();

        FormLayout layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        left.setLayout(layout);

        installDate = new DateField();
        installDate.setFieldLabel(UI.MESSAGES.installDate());
        left.add(installDate,formData);

        loadDate = new DateField();
        loadDate.setFieldLabel(UI.MESSAGES.loadDate());
        left.add(loadDate,formData);

        disinstDate = new DateField();
        disinstDate.setFieldLabel(UI.MESSAGES.disinstDate());
        left.add(disinstDate,formData);

        main.add(left, new ColumnData(.5));

        panel.add(main);

        vp.add(panel);
    }

    private void createColumnForm5() {
        FormData formData = new FormData("100%");
        FormPanel panel = new FormPanel();
        panel.setFrame(true);
        panel.setIconStyle("icon-form");
        panel.setCollapsible(true);
        panel.setHeading("Meter Data");
        panel.setSize(470, -1);
        panel.setWidth(1000);
        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.setLayout(new FlowLayout());


        LayoutContainer main = new LayoutContainer();
        main.setLayout(new ColumnLayout());

        LayoutContainer left = new LayoutContainer();

        FormLayout layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        left.setLayout(layout);

        custom5 = new TextField<String>();
        custom5.setFieldLabel(UI.MESSAGES.custom5());
        left.add(custom5,formData);

        custom6 = new TextField<String>();
        custom6.setFieldLabel(UI.MESSAGES.custom6());
        left.add(custom6,formData);

        technician = new TextField<String>();
        technician.setFieldLabel(UI.MESSAGES.technician());
        left.add(technician,formData);

        techArea = new TextField<String>();
        techArea.setFieldLabel(UI.MESSAGES.techArea());
        left.add(techArea,formData);

        istatCode = new TextField<String>();
        istatCode.setFieldLabel(UI.MESSAGES.istatCode());
        left.add(istatCode,formData);

        LayoutContainer right = new LayoutContainer();

        layout = new FormLayout();
        layout.setLabelAlign(LabelAlign.TOP);
        right.setLayout(layout);

        custom7 = new TextField<String>();
        custom7.setFieldLabel(UI.MESSAGES.custom7());
        right.add(custom7,formData);

        custom8 = new TextField<String>();
        custom8.setFieldLabel(UI.MESSAGES.custom8());
        right.add(custom8,formData);

        main.add(left, new ColumnData(.5));
        main.add(right, new ColumnData(.2));

        panel.add(main);

        panel.setButtonAlign(HorizontalAlignment.CENTER);
        panel.addButton(new Button("Save"));
        panel.addButton(new Button("Reload"));

        panel.add(main);
        vp.add(panel);

    }
}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"GWT-Ext Developer Forum" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/gwt-ext?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to