Lookup With Description

273 views

It is used to look up and enter information into data fields on a form. When you enter a partial entry into the input field, the lookup button searches for possible matches.

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

<c-input-group class=”LookupWithDescription” data-comp-id=”lookup-with-description.2″ id=”lookup-with-description.2″>

<mat-form-field appearance=”outline”>

</c-input-group>

It has the following properties:

Properties

content

Data

Specify the control defined in the Magic program.
Click the gear button to display a list of controls. You can select from here.
Map it with a Magic item and pass click events, etc. to the Magic side.

Label

Specifies the label that appears on the outer border of the control.
Clicking the gear button displays a window where you can enter the text to display or select an Angular function.

Error

Specifies the text to display as an error message.
Errors are initially hidden and are shown in invalid form fields after the user interacts with the element or the parent form is submitted.
Errors occupy the same space as the hint, so the hint is hidden when the error is shown.
Clicking the gear button displays a window where you can enter text to display and select an Angular function.

Description Input

Enter the text to be displayed to the left of the lookup button.
Clicking the gear button will display a window where you can enter the text to be displayed and select an Angular function.

Lookup Button

Specify the Magic control that corresponds to the lookup button.
Click the gear button to display a list of controls. You can select from here.

is inside Table

Check this box if you want to place it inside a table.
Adding this will add the [rowId]=”row.rowId” tag.
If you do not check this box even though the event is inside a table, it will always be treated as the first-row event.

Show Control

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

None – Always displayed.
Is Row Edit – Only visible in edit mode.
Is Row Read – Only displayed in Inquiry 8 mode.

Required

Specifies whether the end user must enter a value into the control.

Hint

Text to be used as a hint for the control.
A hint is a text that appears above an Edit control that is automatically removed while you are typing.
Clicking the gear button displays a window where you can enter the text to display and select an Angular function.

Tooltip

Specifies the tooltip associated with the control.
When the mouse cursor is placed over this control, the specified text will be displayed.
Clicking the gear button will display a window.
Here, you can enter the text to display or select an Angular function.
You can display the tooltip set in Magic by using mg.getTitle(mgc.XXXXXXXXXX).

Disabled

Clicking the gear button will show a window where you can enter text to display and select an Angular function.

Display If

Specify the display conditions.
Click the gear button to display a list of Angular functions. You can specify and define functions from here.

Class

You can define any class.