Input

312 views

When you place a component, the following code is defined by default.

< mat-form-field data-comp-id = ” mat-input.1″ id = ” mat-input.1″ > < input matInput > </mat-form-field<TAG1

There are properties below

Property

Content

Data

Specifies the controls defined in the Magic program.
Click the gear button to display a list of controls. You can choose from here.
Mapping Magic items and passing click events to the Magic side.

Label

Specifies the text to display as a label.
Click the gear button to display the dialogue.
Now you can enter the text you want to display or select the Angular function.

is inside Table

Check if placed in the table.
By adding [rowId] = ” row.rowId ” tags.

Show Control

Specifies whether to display the control. You can choose from the following.
“Is Inside Table” is only valid if checked.

None …… always displayed.
Is Row Edit …… Displayed only when in fix mode.
Is Row Read …… Displayed only when in inquiry mode.

Required

Specifies whether the end user needs to enter a value in the control

Input Type

You can specify the type of text to enter from.

Default
Text …… You can enter any character.
Number …… You can only enter numbers. However
If you have Currency Mask turned on, set it to Default.
Cannot be used with Number and Currency Mask
Password …… The input is displayed with ●.

Display If

Specifies whether to display the control.
Similar to Is Visible, but set a logical expression and specify it in True, False.
Other mg.getValue (mgc.XXXXXXXXXX) ! If you type = ”, it will be displayed because XXXXXXXX is True if it is not blank.

Currency Mask

Valid only for numerical data.
When checked, you will use the mg.getNumericPicture function to inherit the control formatting defined on the Magic xpa side.
Mainly used for comma delimiters such as N10C.
Comma input does not work properly at IME startup.
To turn off IME Set the type of input tag to TEL.<input matInput currencyMask [options] = ”mg.getNumericPicture (mg.getPicture (undefined)) ”type=”tel”>

Disabled

We will set the invalidity, not the display or hiding.
By making mg.isDisabled (mgc.XXXXXXXXXX), it is associated with the invalidation of Magic.

Hint

Text is used as a control tip.
The tip is the text that appears on the ［ edit ］ control that is automatically deleted while typing.
Click the gear button to display the dialogue.
Now you can enter the text you want to display or select the Angular function.

Tooltip

Specifies the tooltip to associate with the control.
Place the mouse cursor in this control to display the specified character.
Click the gear button to display the dialogue.
Now you can enter the text you want to display or select the Angular function.
It is possible to display the tooltip set by Magic in mg.getTitle (mgc.XXXXXXXXXX).

Appearance

Specify the display method from below.

outline …… The appearance shows a line around the form field.
fill ……The appearance is displayed in a background box and underline filled with foam fields.