e-success on dropdown list

Thread ID:	Created:	Updated:	Platform:	Replies:
145893	Jul 12,2019 07:57 AM UTC	Jul 15,2019 02:21 PM UTC	Angular - EJ 2	1

Subscribe to this post

Tags: DropDownList

Marko

Asked On July 12, 2019 07:57 AM UTC

Hi Team,

How I can set e-success/e-warning/e-error on dropdown list?

I need this when I validate form.

Regards

Reply | Reply with quote

Christopher Issac Sunder K [Syncfusion]

Replied On July 15, 2019 02:21 PM UTC

Hello Marko,

Greetings from Syncfusion support.

To set the validation class names in dropdownlist, you can manually add the class names into the inner element of the dropdown. Here is the code snippet for your reference.

//on button click

public onClick(args: any): void {

let listElt: Element = this.listObj.element.querySelector(".e-input-group");

listElt.classList.remove('e-success')

listElt.classList.remove('e-warning');

listElt.classList.remove('e-error');

if (args.target.id == 'btn1') {

listElt.classList.add('e-success')

}

else if (args.target.id == 'btn2') {

listElt.classList.add('e-warning');

}

else if (args.target.id == 'btn3') {

listElt.classList.add('e-error');

}

Please refer to the below sample,

https://stackblitz.com/edit/angular-iribr7?file=app.component.html

Please get back to us if you require any further assistance.

Thanks,
Christo

Reply | Reply with quote

CONTACT US

e-success on dropdown list

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US