We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Registration form master details

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.

9 Replies

KR Keerthana Rajendran Syncfusion Team June 9, 2016 02:08 PM UTC

Hi Carlos, 
 
Thank you for contacting Syncfusion support 
 
We have prepared a form with Dropdownlist and Textboxes. Please refer the below link 
 
 
 
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. 



CP Carlos Palomino June 9, 2016 03:11 PM UTC

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


KR Keerthana Rajendran Syncfusion Team June 14, 2016 03:43 AM UTC

Hi Carlos,  
  
We have created sample with your requirement. Please find attached sample in below location.  
  
  
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.  
  
  
Regards, 
Keerthana. 



CP Carlos Palomino June 14, 2016 02:25 PM UTC

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


KR Keerthana Rajendran Syncfusion Team June 15, 2016 10:55 AM UTC

Hi Carlos,  
 
We have modified last updated demo with grid master detail. Please find attached sample in below location.  
 
 
If we misunderstood your requirement, kindly revert us and give more detail about sample regarding when you need to bind master detail.  
 
Regards,  
Keerthana 



CP Carlos Palomino June 15, 2016 08:50 PM UTC

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.


RU Ragavee U S Syncfusion Team June 17, 2016 08:59 AM UTC

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. 


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. 


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



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. 


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


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


Regards, 
Ragavee U S. 



CP Carlos Palomino June 18, 2016 05:30 PM UTC

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


RU Ragavee U S Syncfusion Team June 20, 2016 12:04 PM UTC

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.  

Regards, 
Ragavee U S.  


Loader.
Up arrow icon