Eclipse Community Forums: Eclipse Scout » Select contents on start edit of input field

Home » Eclipse Projects » Eclipse Scout » Select contents on start edit of input field

Select contents on start edit of input field [message #1858126]

Thu, 16 March 2023 10:06

Eclipse User

Hi,
is it possible to automatically select the contents of an input field (String, Long, BigDecimal, ...) in Scout Classic when the users clicks in the field. The intention is to replace the contents by starting to type or to add, after using for example cursor keys or clicking another time like it is done e.g. in the address bar of chrome and edge?

I know that there is the setting:

  @Override
  protected String getConfiguredClearable() {
    return CLEARABLE_ALWAYS;
  }

and that would be the alternative if there is no such setting and it can't be added easily.
Thanks
Nils

Re: Select contents on start edit of input field [message #1858219 is a reply to message #1858126]

Thu, 23 March 2023 06:31

Eclipse User

Hi Nils,

there is no such functionality. You could add it by extending the StringField.ts (and NumberField.ts), override _render() and add a listener, e.g.:

import {StringField} from '@eclipse-scout/core';

export class CustomStringField extends StringField {

  protected override _render() {
    super._render();

    this.$field.on('click', event => this.$field[0].select());
  }
}

This will always select all text, so the user won't be able to select only a part of the text, which is probably not ideal. You could use a mouseup listener instead of a click listener and do it only if the selection has not been changed or something like that.

See Extension by Sub-Classing for details about how to extend the StringField. If you only want specific StringFields to behave like that, you could use a @ModelVariant and add it to your Java StringField (e.g. @ModelVariant("yournamespace.Custom"). Or you could add a custom property and only register the listener when the property is true. That would require to extend StringField.java, JsonStringField.java and StringFieldAdapter.ts as well.

Re: Select contents on start edit of input field [message #1858289 is a reply to message #1858219]

Mon, 27 March 2023 09:57

Eclipse User

Hi Claudio,
for now I want to use it on all fields, so I will use the simple way and just replace the StringField. You are right, at least on larger fields the user should have the possiblilty to select text and adding the listener to 'mouseup' is working great.

import {StringField} from '@eclipse-scout/core';
export class MyStringField extends StringField {

  protected override _render() {
    super._render();

    this.$field.on('mouseup', event => {
      if (event.target.selectionEnd - event.target.selectionStart == 0) {
        event.target.select();
      }
    });
  }
}

Thank you.
Nils

Previous Topic:	Gitlab CI/CD integration
Next Topic:	Assertion error: No userId available

Goto Forum:

-=] Back to Top [=-

Current Time: Fri Apr 18 22:01:13 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter