Is it possible to bind list view control using form control

[fauwad Hurzuk]

Hi,

I am trying to bind list view control using form control. I would like to get and set the value to listview through form control. Is it possible using listview?

[Shalini Maragathavel]

Hi Fauwad, 

Thanks for contacting Syncfusion support. 

                                                                                                                                         

We checked your query and would like to let you know that ListView is not a Form component. Before proceeding further, please share us the following information to understand your requirement better, 

• Share us the purpose or the exact usecase scenario for which you need to render ListView component as a form control?
• Elaborate on the exact requirement to get and set the ListView value through form control.
• Share us a pictorial representation or some references similar to your requirement.

Please revert with the above details to assist you promptly. 

Regards,
Shalini M. 

[fauwad Hurzuk]

Hi Shalini,

I am planning to get / push data from a table which has one to many relationship. 

There will be a product and a product comprises of multiple components / spare parts. I would like the user to select all the relevant spare parts and save the data. When the user is editing the form, the selected spare parts should be checked in the list. 

Good To Have

Show all the checked items on top of the list.

Screen Design

[Sharon Sanchez Selvaraj]

Hi Fauwad, 

 

We checked with your provided screenshots and the requirement. As mentioned earlier, ListView is not a Form component. However, we have created a sample over here, where the corresponding list item is checked using checkItem method based on the textbox value when focusing out of the textbox. 

 

https://stackblitz.com/edit/angular-check-items-tl5r8d?file=src%2Fapp%2Fapp.component.ts 

 

Also, we would like to mention that we have a similar component ListBox  and the similar scenario can be achieved using ListBox. 

 

We have also created a sample with ListBox for your reference. 

 

https://stackblitz.com/edit/angular-3ijjww-n3rf3l?file=app.component.ts 

 

If we have misunderstood, kindly provide additional details on the modifications to be done with the above samples along with details on the exact component you would prefer to continue based on the provided samples. 

 

Refer to the below documentation links to know more about the available functionalities of ListView and ListBox component. 

 

ListView: https://ej2.syncfusion.com/angular/documentation/listview/getting-started/ 

 

ListBox: https://ej2.syncfusion.com/angular/documentation/list-box/getting-started/ 

 

Please let us know if you need further assistance. 

 

Regards, 

 

Sharon Sanchez S.