I want to create a form using ignite ui controls. For the fields. This is a basic form where users can submit items that they want for an order. ( Item name, price, quantity, etc). Right now I am using jQuery clone function to duplicate the form fields and add a new row where the users can add another item (as many items as they want). This is sent back to a web API controller as a list where the back end handles it ( validation, saving etc).
I wanted to know if there was functionality with the ignite UI controls to make a dynamic form like this? Or if there was a way to implement the jQuery clone while still keeping the naming conventions necessary for MVC model binding.
Elena,
Thanks. I forgot to mark the answer. I figured out a way to get the functionality I wanted by using KnockoutJS.
Hello Ordie,
If you still need any assistance on the matter, please do not hesitate to ask.
Hello Ordie ,
You can achieve similar functionality using our igGrid. You can enter your new values in the igGrid and then add them to your data source.
Currently we provide build in functionality to add new values using add new row:
http://es.infragistics.com/products/jquery/sample/grid/row-adding-api
and using row edit template:
http://es.infragistics.com/products/jquery/sample/grid/row-edit-template
In order to suit better your requirements you can start from empty grid and then use the add row functionality to populate your data.
You could also take a look at the following link which shows how you can bind our igGrid to Web API service.
http://es.infragistics.com/help/topic/02346b62-2f64-4f39-9b7e-07fdc1e83b68
Another approach that you may try is using our igEditors like separate controls, still in this case you will have to manually handle the cloning of the fields:
http://es.infragistics.com/products/jquery/editors
If you need any additional information on this matter please let me know.