how to call .js method from index.cshtml

Question

just i create a common toaster in index.cshtml. in that index file inside the script area .js method(for toast) mentioned

and .js source reference was added correctly and also that .js method was working in other child cshtml(index.cshtml is common layout). below here i given my code

in below code cm_toast is a java script method in .js file

 @if (Model.errors != null)
    {
        <script type="text/javascript">

            @foreach (var er in Model.errors)
            {
               
            cm_toast("warning", er.ErrorHeading, er.ErrorMessage);
            } 
         

        </script>
    }

Answer 1

Hi @N.Kavin,

You need to pass the parameter as a string literal. Wrap it with single quotes or double quotes.

If the function is inside an external js file, you need to make sure to include/load it before executing the method.

@if (Model.errors != null)
{
    foreach (var er in Model.errors)
    {
        <script src="~/area.js"></script>
        <script type="text/javascript">
            cm_toast("warning", '@er.ErrorHeading', '@er.ErrorMessage');                   
        </script>
    }

}

Best regards,
Lan Huang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

a better approach is to pass the errors:

<script type="text/javascript">
   const errors = @Html.Raw(JsonConvert.SerializeObject(Model.errors)) ?? [];     
   errors.forEach(er => cm_toast("warning", er.ErrorHeading, er.ErrorMessage));
</script>