Calling jQuery function from C# MVC

Question

How do I call Jquery function from C#? I have tried using registerStartupScript but I don't understand how it works still and it isn't working anyway. It doesn't enter jquery function at all

Page page = new Page();
ScriptManager.RegisterStartupScript(page, this.GetType(), "script", "publishDialog();", true);

function publishDialog() {
    $(".alert").dialog({
        modal: true,
    });
}

<div class="alert">
    You must be signed in to upload music
</div>

Edit: If the user clicks on publish button and no files are selected then I want to display the jquery ui dialog popup box that tells them to select a file. I need this line uploadedSongs.Count(x => x.IsSelected) == 0 to check if they have not selected a file. Is their anyway I can get this into my jquery function then?

[HttpPost]
     public ActionResult Publish(IEnumerable<UploadedSong> uploadedSongs)
        {
            Page page = new Page();
            if (uploadedSongs.Count(x => x.IsSelected) == 0)
            {
                ScriptManager.RegisterStartupScript(page, this.GetType(), "script", "publishDialog();", true);
                return View("../Users/UserProfile", uploadedSongs);
            }
            else
            {
                return RedirectToAction("../Home/Index");
            }
        }

You seldom need to run client-side script from server-side. The two are completely separate beasts. What is the overall aim you are trying to achieve? — iCollect.it Ltd
– iCollect.it Ltd, Commented Jul 8, 2015 at 14:33
Check out this: stackoverflow.com/questions/4994040/… Methinks it has the answer. — Liz
– Liz, Commented Jul 8, 2015 at 15:15

DLeh · Accepted Answer · 2015-07-08 15:53:25Z

5

You shouldn't try to register startup scripts like this. Instead you should set a value on your Model that is interpreted by your view logic. Something like this:

var myViewModel = new MyViewModel();
myViewModel.NeedsToRunJs = true; //some logic
return View(myViewModel);

Then in the Razor View:

@if(Model.NeedsToRunJs)
{
    <script>
        /* js to run */
    </script>
}

Or, if you want the javascript to be external, add the src:

@if(Model.NeedsToRunJs)
{
    <script src="someFile.js"></script>
}

edited Jul 8, 2015 at 15:53

answered Jul 8, 2015 at 15:23

DLeh

24.6k17 gold badges95 silver badges141 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

sitBy Over a year ago

I was hoping for another way if possible rather than putting script in views, rather have them in external js files

DLeh Over a year ago

then do <script src="someFile.js"><script> instead

DLeh Over a year ago

also, having view logic in the view is way better than having a javascript function in the controller.

Collectives™ on Stack Overflow

Calling jQuery function from C# MVC

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related