Multiple questions about data grid

[Andrew]

Hello,

I have multiple questions regarding dropdown in grids, and as to not make multiple posts, I'll put them all here

A. How do I make dropdowns not wrap?

B. Adding new row shows error. I noticed that this doesn't happen in all grids

B. Error when pressing tab into commands column

C. How automatically go into edit mode when tabbing into dropdown column where in I can just press the down/up arrow to select a value

D. Automatically save changes when leaving row

E. How to know if a grid has changes or not? I want to invoke batchSave() externally and only want to do so when there are changes.

F. When editing a row or when there are changes, give a "do you want to discard changes" warning when grid is about to be reloaded or the user is about to navigate away.

I've attached a simplified version of my code.

Attachment: grid_a138707d.zip

[Ajith Govarthan]

Hi Andrew, 

Thanks for contacting Syncfusion support. 

Query: I have multiple questions regarding dropdown in grids, and as to not make multiple posts, I'll put them all here 

 

Based on your query you are facing some issues and also need to achieve some batch edit related operations in your Grid application. So, before we proceed to your query, please share the below details to validate further on your requirement. 

1. Please let us know the use case of using the conditional rendering for the Grid’s columns.

2. Have you bound the local data to the Grid component?

 

3. Please share the video demonstration of the reported script errors.

 

4. Do you want to show the confirmation dialog when the Grid refresh and also when navigate to other pages with batch changes? ( Share the exact requirement to validate further on your requirement).

 

5. Share the Syncfusion package version.

 

Regards, 

Ajith G. 

[Andrew]

Hi Ajith, 

Thanks for getting back to me.

1. Please let us know the use case of using the conditional rendering for the Grid’s columns.

Columns are shown depending on the state of form. ie - new form, show current stock and show edit buttons. old form, hide current stock and hide edit buttons

2. Have you bound the local data to the Grid component?

Data for the Grid is pulled from the API. However, data for the dropdown is loaded locally.

3. Please share the video demonstration of the reported script errors.

4. Do you want to show the confirmation dialog when the Grid refresh and also when navigate to other pages with batch changes? ( Share the exact requirement to validate further on your requirement).

Yes, I want to show the confirmation dialog before navigating the user away from the current page. This is for instances when the user clicks a link by mistake.

5. Share the Syncfusion package version.

18.4.0.30

Attachment: ErrorB2_ca2bacc6.zip

[Andrew]

Didn't notice only 1 file was uploaded. here's the 2nd video

Attachment: Error_B_d47394c0.zip

[Ajith Govarthan]

Hi Andrew, 

 

Sorry for the inconvenience caused. 

 

Query: I have multiple questions regarding dropdown in grids, and as to not make multiple posts, I'll put them all here 

 

Based on your attached video demonstration we suspect that you have rendered the Grid component inside a form element. So, please confirm that have you rendered the Grid component inside a form element and also please let us know that do you want to show any custom dialog instead of our default confirmation dialog when navigate to other pages. 

 

Regards, 

Ajith G.