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

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

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

com.extjs.gxt.ui.client.widget.form.DateField
Provides a date input field with a {@link DatePicker} dropdown and automaticdate validation.

Inherited Events:

Field Focus

Field Blur

Field Change

Field Invalid

Field Valid

Field KeyPress

Field SpecialKey

TriggerField TriggerClick


    LayoutContainer layoutContainer_7 = new LayoutContainer();
    FormLayout fl_layoutContainer_7 = new FormLayout();
    fl_layoutContainer_7.setLabelWidth(50);
    layoutContainer_7.setLayout(fl_layoutContainer_7);
    DateField dgdPresenteDate = new DateField();
    dgdPresenteDate.setId("INFORMATIONAL_PANEL_DGDPRESENTEDATE_ID");
    dgdPresenteDate.setName(FicheStDto.DATEDGDPRESENTE);
    dgdPresenteDate.setWidth(100);
    layoutContainer_7.add(dgdPresenteDate, new FormData("90%"));
    dgdPresenteDate.setFieldLabel(messages.date());
    layoutContainer_6.add(layoutContainer_7);
    conditionFieldSet.add(layoutContainer_6);
    conditionFieldSet.setStyleAttribute("height", HEIGHT_1);
    conditionFieldSet.setHeading(messages.conditions());
    informationFieldSet.add(conditionFieldSet, layoutData);


    HTML space0 = new HTML(SPACES_3);
    TableData tableData2 = new TableData();
    tableData2.setWidth(COLUMNS_WIDTH[1]);
    informationFieldSet.add(space0, tableData2);


    FieldSet prestationsFieldSet = new FieldSet();
    if(RootPanel.get().getOffsetWidth() <= 1900){//Constants.MIN_WIDTH){
      panel3 -= 50;
    }
    prestationsFieldSet.setWidth(panel2);


    prestationsFieldSet.setStyleAttribute("height", HEIGHT_1);
    FormLayout fl_prestationsFieldSet = new FormLayout();
    fl_prestationsFieldSet.setLabelWidth(120);
    prestationsFieldSet.setLayout(fl_prestationsFieldSet);


    NumberField pilotage = addNumberField(
        prestationsFieldSet, messages.pilotage(), FicheStDto.PRESTAPILOTAGE, "INFORMATIONAL_PANEL_PILOTAGE_ID", true);


    NumberField assurances = addNumberField(
        prestationsFieldSet, messages.assurances(), FicheStDto.PRESTAASSURANCES,
        "INFORMATIONAL_PANEL_ASSURANCES_ID", true);


    prorata = addNumberField(
        prestationsFieldSet, messages.prorata(), FicheStDto.PRESTA_PRORATA, "INFORMATIONAL_PANEL_PRORATE_ID", true);
    prorata.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(6, prorata.getValue().doubleValue()));
      }
    });


    canto = addNumberField(prestationsFieldSet, messages.canto(), FicheStDto.PRESTACANTO, "INFORMATIONAL_PANEL_CANTO_ID", false);
    canto.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(0, canto.getValue().doubleValue()));
      }
    });


    badge = addNumberField(prestationsFieldSet, messages.badge(), FicheStDto.PRESTABADGE, "INFORMATIONAL_PANEL_BADGE_ID", false);
    badge.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(1, badge.getValue().doubleValue()));
      }
    });


    grue = addNumberField(prestationsFieldSet, messages.grue(), FicheStDto.PRESTAGRUE, "INFORMATIONAL_PANEL_GRUE_ID", false);
    grue.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(2, grue.getValue().doubleValue()));
      }
    });


    lift = addNumberField(prestationsFieldSet, messages.lift(), FicheStDto.PRESTALIFT, "INFORMATIONAL_PANEL_LIFT_ID", false);
    lift.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(3, lift.getValue().doubleValue()));
      }
    });


    benne = addNumberField(prestationsFieldSet, messages.benne(), FicheStDto.PRESTABENNE, "INFORMATIONAL_PANEL_BENNE_ID", false);
    benne.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(4, benne.getValue().doubleValue()));
      }
    });


    netoyage = addNumberField(
        prestationsFieldSet, messages.nettoyage(), FicheStDto.PRESTANETTOYAGE, "INFORMATIONAL_PANEL_NETOYAGE_ID", false);
    netoyage.addListener(Events.KeyUp, new KeyListener() {
      @Override
      public void handleEvent(ComponentEvent e) {
        bus.fireEvent(new PrestationEvent(5, netoyage.getValue().doubleValue()));
      }
    });


    TableData tableData6 = new TableData();
    tableData6.setVerticalAlign(VerticalAlignment.MIDDLE);
    tableData6.setWidth(COLUMNS_WIDTH[2]);
    prestationsFieldSet.setHeading(messages.prestations());
    informationFieldSet.add(prestationsFieldSet, tableData6);


    HTML space1 = new HTML(SPACES_3);
    TableData tableData7 = new TableData();
    tableData7.setWidth(COLUMNS_WIDTH[3]);
    informationFieldSet.add(space1, tableData7);


    FieldSet informationComplementaries = new FieldSet();
    informationComplementaries.setWidth(panel3);
    TableLayout tl_informationComplementaries = new TableLayout(1);
    tl_informationComplementaries.setWidth("96%");
    informationComplementaries.setLayout(tl_informationComplementaries);


    Map<Integer,String> mapConducteurdetravaux = navigation.getContext().getMapConducteurdetravaux();
    String conducteur_ = mapConducteurdetravaux.get(ficheStId_) !=null ? mapConducteurdetravaux.get(ficheStId_) : "";
    final LabelField conducteur = new LabelField(conducteur_);
    bus.addHandler(ConducteurEvent.TYPE, new ConducteurHandler() {    
      @Override
      public void onChangeConducteur(ConducteurEvent conducteurEvent) {
        conducteur.setValue(conducteurEvent.getConducter());
      }
    });
    conducteur.setId("INFORMATIONAL_PANEL_CONDUCTEUR_ID");
    conducteur.setFieldLabel(messages.conducteur() + ":");


    LayoutContainer layoutContainer_8 = new LayoutContainer();
    FormLayout fl_layoutContainer_8 = new FormLayout();
    fl_layoutContainer_8.setLabelWidth(165);
    layoutContainer_8.setLayout(fl_layoutContainer_8);
    layoutContainer_8.add(conducteur, new FormData("100%"));


    DateField dateOfMarket = new DateField();
    dateOfMarket.setName(FicheStDto.DATEMARCHEBASE);
    dateOfMarket.setId("INFORMATIONAL_PANEL_DATEOFMARKET_ID");
    layoutContainer_8.add(dateOfMarket, new FormData("50%"));
    dateOfMarket.setFieldLabel(messages.dateOfMarket());
    TableData layoutData5 = new TableData();
    layoutData5.setWidth("50%");
    informationComplementaries.add(layoutContainer_8, layoutData5);


    LayoutContainer layoutContainer_3 = new LayoutContainer();
    layoutContainer_3.setHeight("315px");
    layoutContainer_3.setLayout(new RowLayout(Orientation.VERTICAL));
    layoutContainer_3.setStyleAttribute("height", HEIGHT_1);
    layoutContainer_3.add(informationComplementaries);
    informationComplementaries.setHeight("85px");
    TableData layoutData3 = new TableData();
    layoutData3.setVerticalAlign(VerticalAlignment.MIDDLE);
    layoutData3.setWidth(COLUMNS_WIDTH[4]);


    FieldSet cautionFieldset = new FieldSet();
    cautionFieldset.setLayout(new RowLayout(Orientation.VERTICAL));


    layoutContainer_3.add(cautionFieldset);
    cautionFieldset.setHeight("205px");
    cautionFieldset.setHeading(messages.cautionFournie());
    informationFieldSet.add(layoutContainer_3, layoutData3);
    informationComplementaries.setHeading(messages.informationComplementaries());
    
    lc1.setId("informationFieldSet");
    prestationsFieldSet.setId("prestationsFieldSet");
    conditionFieldSet.setId("conditionFieldSet");
    informationComplementaries.setId("informationComplementaries");


    formPanel.add(new HTML("<br>"));
    formPanel.add(informationFieldSet);


    int[] columnWidth5 = { DELETE_BUTTON_WIDTH, 150, 160 };
    GridCellRenderer<AbstractDto> dateRenderer = createDateRendererWithPermision(columnWidth5[1] - PADDING_2,role,user);//25);
    GridCellRenderer<AbstractDto> numberRenderer = createNumberRendererWithPermission(columnWidth5[2] - PADDING,role,user);//25);


    List<ColumnConfig> configs = new ArrayList<ColumnConfig>();


    ColumnConfig column1 = new ColumnConfig();
    column1.setId(CautionFournieDto.ID);
    column1.setAlignment(HorizontalAlignment.CENTER);
    column1.setMenuDisabled(true);
    column1.setHeader(messages.del());
    column1.setWidth(columnWidth5[0]);
    column1.setRenderer(createDeleteButtonRenderer());
    configs.add(column1);


    ColumnConfig column2 = new ColumnConfig();
    column2.setId(CautionFournieDto.DATE);
    column2.setMenuDisabled(true);
    column2.setHeader(messages.date());
    column2.setWidth(columnWidth5[1]);
    column2.setDateTimeFormat(DateTimeFormat.getFormat(DATE_FORMAT));
    configs.add(column2);
    column2.setRenderer(dateRenderer);


    ColumnConfig column3 = new ColumnConfig();
    column3.setId(CautionFournieDto.AMOUNT);
    column3.setAlignment(HorizontalAlignment.RIGHT);
    column3.setMenuDisabled(true);
    column3.setHeader(messages.amount());
    column3.setWidth(columnWidth5[2]);
    column3.setNumberFormat(NumberFormat.getFormat(NUMBER_FORMAT));
    NumberField numberField = createNumberField(null);
    column3.setEditor(new CellEditor(numberField));
    column3.setRenderer(numberRenderer);
    configs.add(column3);


    ColumnModel cm = new ColumnModel(configs);


    ListStore<CautionFournieDto> data = new ListStore<CautionFournieDto>();
    cautionFournieGrid = new CustomEditorGrid<CautionFournieDto>(data, cm);
    cautionFieldset.add(cautionFournieGrid, new RowData(Style.DEFAULT, 145.0, new Margins()));
    
    cautionFournieGrid.addListener(Events.BeforeEdit, new Listener<GridEvent<CautionFournieDto>>() {
      public void handleEvent(final GridEvent<CautionFournieDto> be) {
        if((user.getBadmin() != null && user.getBadmin()) || 
            (role !=null && role.getBcontributeur()!=null && role.getBcontributeur())){
          be.setCancelled(false);
        }else{
          be.setCancelled(true);
        }
      }
    });  


    LayoutContainer layoutContainer_9 = new LayoutContainer();
    layoutContainer_9.setLayout(new TableLayout(1));


    FlexTable flexTable = new FlexTable();
    layoutContainer_9.add(flexTable);
    HTML space6 = new HTML(SPACES_4);
    flexTable.setWidget(0, 0, space6);
    addRow = new HTML("<img src='./images/ajouter.png'/> " + messages.addRow(), false);
    addRow.setStyleName("actionHTML2");
    addRow.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        showAddDialog();
      }


      private void showAddDialog() {
        Dialog dialog = new Dialog();
        dialog.setHeading(messages.titlePopup());
        dialog.setLayout(new BorderLayout());
        dialog.setWidth(450);
        dialog.setHeight(180);
        dialog.setBodyBorder(false);
        dialog.setHideOnButtonClick(true);
        dialog.setButtons(Dialog.OKCANCEL);
        dialog.setButtonAlign(HorizontalAlignment.CENTER);
        dialog.setScrollMode(Scroll.AUTO);
        dialog.setModal(true);
        dialog.setBlinkModal(true);
        Button cancelButton = dialog.getButtonById(Dialog.CANCEL);
        cancelButton.setText(messages.cancel());
        Button okButton = dialog.getButtonById(Dialog.OK);
        okButton.setText(messages.ok());


        final AddCautionFournieForm addCautionFournieForm = new AddCautionFournieForm();
        dialog.add(addCautionFournieForm, new BorderLayoutData(LayoutRegion.CENTER));


        okButton.addSelectionListener(new SelectionListener<ButtonEvent>() {
          public void componentSelected(ButtonEvent ce) {
            CautionFournieDto model = addCautionFournieForm.getDataModel();
            cautionFournieGrid.getStore().add(model);
          }
        });


        dialog.show();
      }
    });


    flexTable.setWidget(0, 1, addRow);
    cautionFieldset.add(layoutContainer_9);


    mainFieldSet = new CustomFieldSet();
    mainFieldSet.setHeading(messages.generalInformation());
    mainFieldSet.add(formPanel);
    add(mainFieldSet);


    //Set IDs for applying CSS
    layoutContainer_9.setId("layoutContainer_9");


    //Set background color to green
    setDefaultBackgroundColor(lc1);
    setDefaultBackgroundColor(layoutContainer_0);
    setDefaultBackgroundColor(layoutContainer_1);
    setDefaultBackgroundColor(layoutContainer_2);
    setDefaultBackgroundColor(prestationsFieldSet);
    setDefaultBackgroundColor(conditionFieldSet);
    setDefaultBackgroundColor(layoutContainer_4);
    setDefaultBackgroundColor(informationComplementaries);
    setDefaultBackgroundColor(cautionFieldset);
    setDefaultBackgroundColor(layoutContainer_9);
    setDefaultBackgroundColor(informationFieldSet);
    setDefaultBackgroundColor(mainFieldSet);
      
    if((user.getBadmin() != null && user.getBadmin()) || 
        (role.getBcontributeur()!=null && role.getBcontributeur())){
      //Information General
      societe.enable();
      lot.enable();
      lotType.enable();
      idSiTravaux.enable();
      objectif.enable();
      
      //arrPrestation
      pilotage.enable();
      assurances.enable();
      prorata.enable();
      canto.enable();
      badge.enable();
      grue.enable();
      lift.enable();
      benne.enable();
      netoyage.enable();
      
      //arrCondition
      payment.enable();
      rg.enable();
      decennaleNecessaire.enable();
      demandeDagrement.enable();
      dgdPresente.enable();
      dgdPresenteDate.enable();
      
      //arrCommemlaire
      conducteur.enable();
      dateOfMarket.enable();
      addRow.setVisible(true);
      cautionFournieGrid.getColumnModel().setHidden(0, false);
    }
    else{
      //Information General
      societe.disable();
      lot.disable();
      lotType.disable();
      idSiTravaux.disable();
      objectif.disable();
      
      //arrPrestation
      pilotage.disable();
      assurances.disable();
      prorata.disable();
      canto.disable();
      badge.disable();
      grue.disable();
      lift.disable();
      benne.disable();
      netoyage.disable();
      
      //arrCondition
      payment.disable();
      rg.disable();
      decennaleNecessaire.disable();
      demandeDagrement.disable();
      dgdPresente.disable();
      dgdPresenteDate.disable();
      
      //arrCommemlaire
      conducteur.disable();
      dateOfMarket.disable();
      addRow.setVisible(false);
      cautionFournieGrid.getColumnModel().setHidden(0, true);
    }
  }

View Full Code Here

    formPanel = new CustomFormPanel();
    FormLayout fl_formPanel = new FormLayout();
    fl_formPanel.setLabelWidth(110);
    formPanel.setLayout(fl_formPanel);


    DateField date = new DateField();
    date.setName(DeductionDto.DATE);
    
    date.setFieldLabel(messages.date());
    formPanel.add(date, new FormData(ANCHOR_SPEC));


    NumberField canto = createIntegerField(messages.canto());
    canto.setName(DeductionDto.CANTO);
    formPanel.add(canto, new FormData(ANCHOR_SPEC));

View Full Code Here

    label.setMaxLength(MAX_LENGTH_1);
    label.setName(ProgressDto.LABEL);
    label.setFieldLabel(messages.label());
    formPanel.add(label, new FormData(ANCHOR_SPEC));
    
    DateField date = new DateField();
    date.setName(ProgressDto.DATE);
    date.setFieldLabel(messages.date());
    formPanel.add(date, new FormData(ANCHOR_SPEC));
    
    NumberField cumule1 = createNumberField(messages.cumule() + " avancement");
    cumule1.setName(ProgressDto.CUMULE);
    formPanel.add(cumule1, new FormData(ANCHOR_SPEC));

View Full Code Here

    formPanel.setHeaderVisible(false);
    FormLayout fl_formPanel = new FormLayout();
    fl_formPanel.setLabelWidth(100);
    formPanel.setLayout(fl_formPanel);
    
    DateField date = new DateField();
    date.setName(CautionFournieDto.DATE);
    date.setFieldLabel(messages.date());
    formPanel.add(date, new FormData(ANCHOR_SPEC));
    
    NumberField amount = createNumberField(messages.amount());
    amount.setName(CautionFournieDto.AMOUNT);
    formPanel.add(amount, new FormData(ANCHOR_SPEC));

View Full Code Here


    TextField<String> company = new TextField<String>();
    company.setFieldLabel("Company");
    left.add(company, formData);


    DateField birthday = new DateField();
    birthday.setFieldLabel("Birthday");
    left.add(birthday, formData);


    LayoutContainer right = new LayoutContainer();
    right.setStyleAttribute("paddingLeft", "10px");
    layout = new FormLayout();

View Full Code Here

    setWhiteBackgroundColor(container);
    return container;
  }


  protected static DateField createDateField() {
    DateField dateField = new DateField();
    dateField.getPropertyEditor().setFormat(DateTimeFormat.getFormat(DATE_FORMAT));
    return dateField;
  }

View Full Code Here

    GridCellRenderer<AbstractDto> dateRenderer = new GridCellRenderer<AbstractDto>() {
      @Override
      public Object render(final AbstractDto model, String property, ColumnData config, final int rowIndex,
          final int colIndex, ListStore<AbstractDto> store, Grid<AbstractDto> grid) {


        DateField field = new DateField();
        if( fieldWidth > 0 ) {
          field.setWidth(fieldWidth);
        }


        if( role != null && user != null ) {
          if( isAdminOrContributor(role, user) ) {
            field.enable();
          }
          else {
            field.disable();
          }
        }


        field.setValue((Date) model.get(property));
        return field;
      }
    };


    return dateRenderer;

View Full Code Here

    column.setNumberFormat(NumberFormat.getCurrencyFormat());
    column.setEditor(new CellEditor(new NumberField()));


    configs.add(column);


    DateField dateField = new DateField();
    dateField.getPropertyEditor().setFormat(DateTimeFormat.getFormat("MM/dd/y"));


    column = new ColumnConfig();
    column.setId("available");
    column.setHeader("Available");
    column.setWidth(95);

View Full Code Here

    column.setEditor(new CellEditor(new TextField<String>()));
    columns.add(column);


    ColumnConfig date = new ColumnConfig("date", "Date", 100);
    date.setDateTimeFormat(DateTimeFormat.getFormat("MM/dd/y"));
    DateField dateField = new DateField();
    dateField.getPropertyEditor().setFormat(DateTimeFormat.getFormat("MM/dd/y"));
    date.setEditor(new CellEditor(dateField));
    columns.add(date);


    ColumnModel cm = new ColumnModel(columns);

View Full Code Here

    combo.setStore(store);
    combo.addPlugin(plugin);
    combo.setData("text", "Choose the company");
    simple.add(combo, formData);


    DateField date = new DateField();
    date.setFieldLabel("Birthday");
    date.addPlugin(plugin);
    date.setData("text", "Enter your birthday");
    simple.add(date, formData);


    TimeField time = new TimeField();
    time.setFieldLabel("Time");
    time.addPlugin(plugin);

View Full Code Here

0 1 2

TOP

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

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.forms.AdvancedFormsExample

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

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

com.extjs.gxt.samples.client.examples.grid.AutoHeightGridExample

com.extjs.gxt.samples.client.examples.grid.EditableBufferedGridExample

com.extjs.gxt.samples.client.examples.grid.EditableGridExample

com.extjs.gxt.samples.client.examples.grid.RowEditorExample

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.