Input Form Control Config

Simple textbox

let dbMasterConfig: T.IDBMasterConfig = {
    form: {
        fields: [
            [{ // field
                label: 'First Name',
                control: T.EDBMasterFormControl.input,
                path: 'name',
            }]
        ]
    }
};

Example with extended behaviour

let dbMasterConfig: T.IDBMasterConfig = {
    form: {
        fields: [
            [{ // field
                label: 'First Name',
                control: T.EDBMasterFormControl.input,
                path: 'name',
                // disabled: false,
                validations: {
                    required: true,
                },
                validationErrors: {
                    required: 'Please provide first name.',
                },
                helpText: `<b style="color: grey;">It is always good to provide name</b>`,

                inputTextSettings: {
                    maxLength: 5,
                    minLength: 5,

                    spellcheck: 'false',
                    autocomplete: 'off',

                    jsCode: [{
                        appendTo: T.EDBMasterInputTextAppendTo.ngModelChange,
                        code: `
                        console.log(event);
                        console.log(formData);
                        console.log(config);
                        console.log(column);
                    `,
                    }, {
                        appendTo: T.EDBMasterInputTextAppendTo.blur,
                        code: `
                        console.log(formData);
                    `,
                    }, {
                        appendTo: T.EDBMasterInputTextAppendTo.focus,
                        code: `
                        console.log(formData);
                    `,
                    }],

                    validationErrors: {
                        minLength: 'Please provide minimum 5 characters.'
                    }
                }
            }]
        ]
    }
};

Interface Documentation

inputTextSettings_generated