Date

273 views

Enter a date ［ Edit ］ Control compatible.

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

<mat-form-field apparance=”outline” data-comp-id=” mat-date.1″ id=”mat-date.1″>

< mat-label> Date</mat-label>

< mat-datepicker-toggle matSuffix [for] = ” Date” > < > /mat-datepicker-toggle<TAG1>

< mat-datepicker #Date></mat-datepicker>

</mat-form-field>

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

Specify the text to display.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Error

Specifies the text to display as an error message.
The error is hidden in the initial state and is displayed in the invalid form field after the user has manipulated the element or after the parent form has been sent.
The error occupies the same space as the hint, so the hint is hidden when the error appears.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

is inside Table

Specifies whether to place it in the table.
Check if placed in the table.
By adding [rowId] = ” row.rowId ” tags.
Whenever it is in the table but does not check it, it will be treated as the first line event.

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 Edit mode.
Is Row Read …… Only displayed in Read mode.

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 line around the form field.
fill …… The appearance is displayed in a background box and underline filled with foam fields.

Required

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

Hint

Specify the tips to associate with the control.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Disabled

Represents an invalid element. Invalid elements are those that cannot be activated （ select, click, enter, etc. ） or focus.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Display If

Specifies whether to display the control.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Similar to Is Visible, but set a logical expression and specify it in True, or False.
Other mg.getValue (mgc.XXXXXXXXXX)
!If you type = ”, it will be displayed because XXXXXXXX is True if it is not blank.

Class

You can define any class.