popup in grid edit dialog

Question

Hi guys,

I am using the grid in popup dialog edit mode, with a template.

In that template I need a button to popup another modal dialog for selecting some value,

But whenever I click that custom button, it always trigger the whole web page reloaded.

Is it by design or some bug? Can you help me to solve that?

Thanks!

Logesh Rajappa · Answer

Hi Haizhi,

Thanks for contacting Syncfusion support.

Query: whenever I click that custom button, it always trigger the whole web page reloaded.

We have analyzed your query and we suspect that you might have missed to provide Type property to the button. Since the button inside dialog will be rendered inside a form element, clicking on it might trigger a submit action(reason for a page refresh). So we suggest you to set Type as ‘button’ in the EjsButton component as shown in the below code snippet,

<EjsButton Type="button" @onclick="onclick">Open Dialog</EjsButton>

Please get back to us if you need further assistance.

Regards,

Logesh R

haizhi zhong · Answer

Works like a charm, it saved my day. Thank you so much!

Renjith Singh Rajendran · Answer

Hi Haizhi, 

Thanks for your update. 

We are glad to hear that our suggestion helped you in achieving your requirement. 

Kindly get back to us if you need further assistance. 

Regards, 
Renjith Singh Rajendran.