Skip to content

Text Input Block

Socheat KHAUV edited this page Dec 3, 2017 · 9 revisions

Text / Number / Date / Time / Color / DayMonth


HTML Code

<div wicket:id="{logic}Block" class="form-group">
    <wicket:container wicket:id="{logic}IContainer">
        <label wicket:for="{logic}Field">
            <wicket:message key="{logic}Field">{{logic}Field}</wicket:message>
        </label>
        <input type="text" wicket:id="{logic}Field" class="form-control" />
        <span wicket:id="{logic}Feedback" class="help-block"></span>
    </wicket:container>
</div>

Java Code (Normal Input Text)

protected WebMarkupBlock {logic}Block;
protected WebMarkupContainer {logic}IContainer;
protected String {logic}Value;
protected TextField<String> {logic}Field;
protected TextFeedbackPanel {logic}Feedback;

protected void init{Logic}Block() {
    this.{logic}Block = new WebMarkupBlock("{logic}Block", Size.Six_6);
    this.form.add(this.{logic}Block);
    this.{logic}IContainer = new WebMarkupContainer("{logic}IContainer");
    this.{logic}Block.add(this.{logic}IContainer);
    this.{logic}Field = new TextField<>("{logic}Field", new PropertyModel<>(this, "{logic}Value"));
    this.{logic}IContainer.add(this.{logic}Field);
    this.{logic}Feedback = new TextFeedbackPanel("{logic}Feedback", this.{logic}Field);
    this.{logic}IContainer.add(this.{logic}Feedback);
}

Java Code (Date Picker)

protected WebMarkupBlock {logic}Block;
protected WebMarkupContainer {logic}IContainer;
protected Date {logic}Value;
protected DateTextField {logic}Field;
protected TextFeedbackPanel {logic}Feedback;

protected void init{Logic}Block() {
    this.{logic}Block = new WebMarkupBlock("{logic}Block", Size.Six_6);
    this.form.add(this.{logic}Block);
    this.{logic}IContainer = new WebMarkupContainer("{logic}IContainer");
    this.{logic}Block.add(this.{logic}IContainer);
    this.{logic}Field = new DateTextField("{logic}Field", new PropertyModel<>(this, "{logic}Value"));
    this.{logic}IContainer.add(this.{logic}Field);
    this.{logic}Feedback = new TextFeedbackPanel("{logic}Feedback", this.{logic}Field);
    this.{logic}IContainer.add(this.{logic}Feedback);
}

Java Code (Color Picker)

protected WebMarkupBlock {logic}Block;
protected WebMarkupContainer {logic}IContainer;
protected String {logic}Value;
protected ColorTextField {logic}Field;
protected TextFeedbackPanel {logic}Feedback;

protected void init{Logic}Block() {
    this.{logic}Block = new WebMarkupBlock("{logic}Block", Size.Six_6);
    this.form.add(this.{logic}Block);
    this.{logic}IContainer = new WebMarkupContainer("{logic}IContainer");
    this.{logic}Block.add(this.{logic}IContainer);
    this.{logic}Field = new ColorTextField("{logic}Field", new PropertyModel<>(this, "{logic}Value"));
    this.{logic}IContainer.add(this.{logic}Field);
    this.{logic}Feedback = new TextFeedbackPanel("{logic}Feedback", this.{logic}Field);
    this.{logic}IContainer.add(this.{logic}Feedback);
}

Java Code (DayMonth Picker)

protected WebMarkupBlock {logic}Block;
protected WebMarkupContainer {logic}IContainer;
protected Date {logic}Value;
protected DayMonthTextField {logic}Field;
protected TextFeedbackPanel {logic}Feedback;

protected void init{Logic}Block() {
    this.{logic}Block = new WebMarkupBlock("{logic}Block", Size.Six_6);
    this.form.add(this.{logic}Block);
    this.{logic}IContainer = new WebMarkupContainer("{logic}IContainer");
    this.{logic}Block.add(this.{logic}IContainer);
    this.{logic}Field = new DayMonthTextField("{logic}Field", new PropertyModel<>(this, "{logic}Value"));
    this.{logic}IContainer.add(this.{logic}Field);
    this.{logic}Feedback = new TextFeedbackPanel("{logic}Feedback", this.{logic}Field);
    this.{logic}IContainer.add(this.{logic}Feedback);
}

Java Code (Time Picker)

protected WebMarkupBlock {logic}Block;
protected WebMarkupContainer {logic}IContainer;
protected Date {logic}Value;
protected TimeTextField {logic}Field;
protected TextFeedbackPanel {logic}Feedback;

protected void init{Logic}Block() {
    this.{logic}Block = new WebMarkupBlock("{logic}Block", Size.Six_6);
    this.form.add(this.{logic}Block);
    this.{logic}IContainer = new WebMarkupContainer("{logic}IContainer");
    this.{logic}Block.add(this.{logic}IContainer);
    this.{logic}Field = new TimeTextField("{logic}Field", new PropertyModel<>(this, "{logic}Value"));
    this.{logic}IContainer.add(this.{logic}Field);
    this.{logic}Feedback = new TextFeedbackPanel("{logic}Feedback", this.{logic}Field);
    this.{logic}IContainer.add(this.{logic}Feedback);
}

Clone this wiki locally