How can I custom this alert?

[Luis Carlos]

Hi.

When I clic on edit button without any selected row.

The component Grid show this message (as shown in the image below) by default. I was wondering if I can show this message in a custom way.

I will be awating four your reply, thank you in advance.

Best regards,

Luis Carlos Díaz.

[Venkatesh Ayothi Raman]

Hi Luis, 

Thanks for contacting Syncfusion support. 

We have achieved your requirement by customizing the locale property like as follows, 

Code example: 

$("#Grid").ejGrid({ 

            // the datasource "window.gridData" is referred from jsondata.min.js 

            dataSource: window.gridData, 

            columns: [ 

                . . . 

            ] 

        }); 

 

        //customize the default locale property 

        ej.Grid.Locale["en-US"] = { 

         

            DeleteOperationAlert: "Here you can customize the text for delete button", 

            EditOperationAlert: "Here you can customize the text for edit button", 

       

        }; 

Note: in above code example, we have used the default locale. So, you can change the locale value for your corresponding locale. 

We have also prepared a sample based on your requirement which can be referred from following link, 

Sample: http://jsplayground.syncfusion.com/4ojyjr3u 

Please refer to the following Help documentation for change the other Grid locale text, 

https://help.syncfusion.com/js/grid/globalizationandlocalization 

  

Regards, 

Venkatesh Ayothiraman. 

[Luis Carlos]

Hi Luis, 

Thanks for contacting Syncfusion support. 

We have achieved your requirement by customizing the locale property like as follows, 

Code example: 

$("#Grid").ejGrid({ 

            // the datasource "window.gridData" is referred from jsondata.min.js 

            dataSource: window.gridData, 

            columns: [ 

                . . . 

            ] 

        }); 

 

        //customize the default locale property 

        ej.Grid.Locale["en-US"] = { 

         

            DeleteOperationAlert: "Here you can customize the text for delete button", 

            EditOperationAlert: "Here you can customize the text for edit button", 

       

        }; 

Note: in above code example, we have used the default locale. So, you can change the locale value for your corresponding locale. 

We have also prepared a sample based on your requirement which can be referred from following link, 

Sample: http://jsplayground.syncfusion.com/4ojyjr3u 

Please refer to the following Help documentation for change the other Grid locale text, 

https://help.syncfusion.com/js/grid/globalizationandlocalization 

  

Regards, 

Venkatesh Ayothiraman. 

Maybe I did not explain well.

I would like to change the way of this message, not the message.

For instance, I use a custom method to show message ("showAlertDialog()"). So I would like to use my own method instance of your method ("alert()").

Is it possible?

I hope you may understand my query, thank you in advance.

Best regards,

Luis Carlos.

[Venkatesh Ayothi Raman]

Hi Luis, 

Thanks for the update. 

We have achieved your requirement using toolbarClick event in Grid. In this event, we have prevent the default alert windows. Please refer to the following code example and screenshot, 

Code example: 

$("#Grid").ejGrid({ 

                // the datasource "window.gridData" is referred from jsondata.min.js 

                dataSource: window.gridData, 

                allowPaging: true, 

                . . . 

 

                toolbarClick: function (args) { 

                 

                    if ((args.itemName == "Edit" || args.itemName == "Delete") & this.getSelectedRecords().length == 0) { 

 

                        alert = function () { }; //prevent the default alert popup 

                        

                        //here you can call your own customize alert method 

                    } 

                }, 

                columns: [ 

                        . . . 

                ] 

            }); 

 

Help documentation: https://help.syncfusion.com/api/js/ejgrid#events:toolbarclick 

we have prepared a sample for your convenience which can be referred from following link, 

Sample: http://jsplayground.syncfusion.com/zwvdibj2 

Regards, 

Venkatesh Ayothiraman.