Registration form master details

[Carlos Palomino]

Dear,

How can you do a registration form that has a dropdownlist, textbox and a grid also has navigation buttons, CRUD, search

Thank you.

Greetings.

[Keerthana Rajendran]

Hi Carlos, 

 

Thank you for contacting Syncfusion support 

 

We have prepared a form with Dropdownlist and Textboxes. Please refer the below link 

 

Sample link: http://www.syncfusion.com/downloads/support/forum/124422/ze/SyncfusionMvcApplication1-1692212929.zip 

 

 

We analyzed your requirement to have grid within a form element and perform CRUD operations in grid. While editing/adding a record in grid, we have created a form to have the input elements corresponding to edited/added records. Placing the grid inside a form will results in nested form elements (which is not a valid HTML markup) and thus will cause issue while validation is enabled to the grid columns.   

 

So, could you please share the below details?  

 

1.       why you would require to render the grid within the form element?  

2.       Would you like to pass only the grid dataSouce on form submit?  

3.       Clearly explain your requirement as what you would like to perform using the grid in registration form?  

4.       By CRUD, search, did you mean to enable these operations on grid.  

 

Online sample link for CRUD operations: http://mvc.syncfusion.com/demos/web/grid/batchediting  

 

Online sample link for searching: http://mvc.syncfusion.com/demos/web/grid/searching 

 

Regards, 

Keerthana. 

[Carlos Palomino]

Hello such.

I want to do is a demo invoice.

Then I need is to master details crud operations where the master controls would like textbox, dropdownlist, checkbox, date, etc and detail is the grid which is recorded as the amount, product, etc.

In addition to perform search by invoice, and browse each record.

Greetings.

Attachment: master_Detail_c6e9fb25.zip

[Keerthana Rajendran]

Hi Carlos,  

  

We have created sample with your requirement. Please find attached sample in below location.  

  

Sample: http://www.syncfusion.com/downloads/support/forum/124422/ze/Form_Sample2069079579.zip  

  

We suspect that you need bind master detail in details grid. We already have a sample for this scenario. Please refer below online sample location.  

  

Online Demo: http://mvc.syncfusion.com/demos/web/grid/masterdetails  

  

Regards, 

Keerthana. 

[Carlos Palomino]

Dear,

What I need is to make a demo of master details as in the attached image.

Thank you.

Greetings.

Attachment: master_Detail_c6e9fb25_2531e5ef.zip

[Keerthana Rajendran]

Hi Carlos,  

 

We have modified last updated demo with grid master detail. Please find attached sample in below location.  

 

Sample: http://www.syncfusion.com/downloads/support/forum/124422/ze/Sample-870189655  

 

If we misunderstood your requirement, kindly revert us and give more detail about sample regarding when you need to bind master detail.  

 

Regards,  

Keerthana 

[Carlos Palomino]

Thank you very much for the answers.

I have two questions about what sent:

How do the navigation start, previous, next, finish with buttons?

How to perform search master values?

Greetings.

[Ragavee U S]

Hi Carlos, 

Query #1: How do the navigation start, previous, next, finish with buttons? 

We suspect that your requirement to navigate through the grid records using pager. We can enable paging for grid using the AllowPaging property of the Grid. Please refer to the below API reference documentation for more information. 

http://help.syncfusion.com/js/api/ejgrid#members:allowpaging 

The default page size is 12. We can change the pager properties using the pageSettings property of the Grid. Please refer to the below documentation. 

http://help.syncfusion.com/js/api/ejgrid#members:pagesettings 

We can also customize the pager using the Pager template feature of the Grid. Please refer to the below online documentation. 

http://help.syncfusion.com/aspnetmvc/grid/paging#pager-template 

Online Sample Link: http://mvc.syncfusion.com/demos/web/grid/pagerimprovements 

If your requirement is to navigate through the grid using external buttons, please revert. 

Query #2: How to perform search master values? 

We can perform searching in Grid by enabling the AllowSearching property of the grid and also enabling the toolbar item “search” for searching the corresponding records in Grid dataSource. Please refer to the below online sample link. 

http://mvc.syncfusion.com/demos/web/grid/searching 

We can also perform searching externally using the search method of the Grid. Please refer to the below API documentation. 

http://help.syncfusion.com/js/api/ejgrid#methods:search 

For your reference, we have modified the previously updated sample with the paging and searching enabled, which can be downloaded from the below location. 

Sample Link: http://www.syncfusion.com/downloads/support/forum/124422/ze/Sample982542846 

Regards, 

Ragavee U S. 

[Carlos Palomino]

Thanks for the answers,

Please I would like to support me:

* It is a form of data entry, master detail.

* Print a ticket

* Edit, save, print, delete, etc.

* Browse each record.

Attached image.

Thank you.

regards

Attachment: img_master_detail_entry_form_a6f821d4.zip

[Ragavee U S]

Hi Carlos, 

We have considered your requirement as a custom sample request and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.  

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents 

Regards, 

Ragavee U S.