Is it possible to Add a placeholder in Grid Popup's Add action

Thread ID:	Created:	Updated:	Platform:	Replies:
150457	Jan 7,2020 10:05 PM UTC	Jan 8,2020 09:05 AM UTC	Angular - EJ 2	1

Subscribe to this post

Tags: Grid

ICS

Asked On January 7, 2020 10:05 PM UTC

Is it possible to add a placeholder in Grid Poppup in only

1. Add action

2. Few columns (Address column ) as shown in screen shot below.

Reply | Reply with quote

Dhivya Rajendran [Syncfusion]

Replied On January 8, 2020 09:05 AM UTC

Hi Billing,

Thanks for contacting us.

Query: Is it possible to add a placeholder in Grid Poppup in only

Yes. Is it possible to add a placeholder in Grid Popup in only. If you are using Dialog editing, you can add the placeholder, like the below example

App.component.html

<ejs-grid [dataSource]='data' allowPaging='true' (actionComplete)='actionComplete($event)' [pageSettings]='pageSettings' [editSettings]='editSettings' [toolbar]='toolbar'>

<e-columns>

<e-column field='CustomerName' headerText='Customer Name' width='120' [validationRules]='customeridrules'></e-column>

. ..

</e-columns>

</ejs-grid>

App.component.ts

. . .

public ngOnInit(): void {

this.data = orderDetails;

this.editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Dialog' };

. ..

}

actionComplete (e) {

if (e.requestType === 'add') {

e.form.elements.namedItem('CustomerName').placeholder = 'Enter the Customer Name';

}

Screenshot:

Sample: https://stackblitz.com/edit/angular-150457-dialog?file=app.component.html

If you are using Dialog template(EditSettingsTemplate)

App.component.html

<ejs-grid [dataSource]='data' allowPaging='true' [pageSettings]='pageSettings' [editSettings]='editSettings' [toolbar]='toolbar' (actionBegin)='actionBegin($event)'

(actionComplete)='actionComplete($event)'>

<ng-template #editSettingsTemplate let-data>

. . .

. . .

</ng-template>

</ejs-grid>

</div>

Screenshot:

Sample: https://stackblitz.com/edit/angular-150457-edittemplate?file=app.component.html

Please let us know, if you need further assistance.

Regards,

R.Dhivya

Reply | Reply with quote

Is it possible to Add a placeholder in Grid Popup's Add action

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US