Calling Jquery function from .Net, with parameters

Question

I have a .Net method which does some validation on an object, and then, I need to display the issues to the user.

I am trying to use a jquery message box I found:

The jquery function:

function ShowPopup() {
    $.msgBox({
        title: "Unable to save",
        content: "An error has occured while saving the object."
    });
}

I need to call that from a .Net method, passing it a List of strings. Is that possible? And then set the content property to be the list of errors?

My .Net saving method, which may trigger this popup, looks like this:

protected void btnSave_Click(object sender, EventArgs e)
{
    var o = new UserDto
                {
                    DisplayName = txtName.Text,
                    Email = txtEmail.Text,
                    Username = txtUsername.Text,
                    Password = txtPassword.Text,
                    TimeZoneId = ddZones.SelectedValue,
                    Id = Session["SelectedUserId"] == null ? 0 : int.Parse(Session["SelectedUserId"].ToString())
                };

     var result = new UserService(Common.CurrentUserId()).SaveUser(o);

     if (result.Success == false)
     {
         // Show an error.
         return;
     }

     Response.Redirect("users.aspx");

 }

If success is false, I want to pass it a list of errors, and show that popup.

The jQuery function is from here.

Neeraj · Accepted Answer · 2013-08-25 06:46:15Z

1

Try this

if (result.Success == false)
 {
     // Show an error.
     ScriptManager.RegisterStartupScript(Page, Page.GetType(), "close", "ShowPopup(parm1,parm2);", true);   
     return;
 }

Hope it will helps you

answered Aug 25, 2013 at 6:46

Neeraj

4,4898 gold badges32 silver badges51 bronze badges

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

Comments

Sami Racho · Accepted Answer · 2013-08-25 06:53:13Z

You can use ClientScriptManager http://msdn.microsoft.com/es-es/library/asz8zsxy.aspx to inject your javascript into the page.

protected void btnSave_Click(object sender, EventArgs e)
{
    var o = new UserDto
                {
                    DisplayName = txtName.Text,
                    Email = txtEmail.Text,
                    Username = txtUsername.Text,
                    Password = txtPassword.Text,
                    TimeZoneId = ddZones.SelectedValue,
                    Id = Session["SelectedUserId"] == null ? 0 : int.Parse(Session["SelectedUserId"].ToString())
                };

    var result = new UserService(Common.CurrentUserId()).SaveUser(o);

    if (result.Success == false)
    {
        // Define the name and type of the client scripts on the page.
        String csname1 = "MessageBoxScript";
        Type cstype = this.GetType();

        // Get a ClientScriptManager reference from the Page class.
        ClientScriptManager cs = Page.ClientScript;

        // Check to see if the startup script is already registered.
        if (!cs.IsStartupScriptRegistered(cstype, csname1))
        {
            StringBuilder cstext1 = new StringBuilder();
            cstext1.Append("<script type=text/javascript> $.msgBox({title: 'Unable to save',content: 'An error has occured while saving the object.'}); </");
            cstext1.Append("script>");
            cs.RegisterStartupScript(cstype, csname1, cstext1.ToString());
        }
        return;
    }

    Response.Redirect("users.aspx");
}

Another option is to save your errors in a session variable like:

C#

Session["Errors"] = "My errors";

Javascript:

var errors = '<%=Session["errors"]%>';

if(errors){

    $.msgBox({
        title: "Unable to save",
        content: errors
    });
}

Ali B · Accepted Answer · 2013-08-25 06:38:07Z

0

I'm assuming that your btn_Save method fires in response to a client event, such as the user clicking the Save button. I'm also assuming you're using MVC. If that's the case, then the best way to accomplish what you're looking for is to make the Save button on the client fire a $.click event. In the click event, you call your MVC controller Save method using ajax. This way, the Save method can return JSON from the server, and you can display the returned messages on the client. Something like this:

Server:

[HttpPost]
public ActionResult Save(object myData)
{
  return Json(new {message="Hello World"});
}

Client:

$('#saveBtn').click(function()
{
    $.post('@Url.Action("Save")', 
          {myData: data},
          function(result){
             if (result){
                 showPopup(result);
             }
          }
     )
})

answered Aug 25, 2013 at 6:38

Ali B

1,1171 gold badge14 silver badges27 bronze badges

2 Comments

rgripper Over a year ago

I think he uses WebForms seeing the method signature.

Ali B Over a year ago

if that's the case, then he might find this one useful

Sirwan Afifi · Accepted Answer · 2013-08-25 06:47:37Z

0

you can call your jQuery method with ScriptManager this way :

if (result.Success == false)
     {
         ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>ShowPopup();</script>", false);
         return;
     }

answered Aug 25, 2013 at 6:47

Sirwan Afifi

10.8k14 gold badges67 silver badges111 bronze badges

Collectives™ on Stack Overflow

Calling Jquery function from .Net, with parameters

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related