C#: How to using global variable with Javascript

Question

everyone! I'm learning ASP.NET MVC and have some question. My problem is Passing Data from View to Controller.

This my Code:

@{
    string listID = "";
}

and I try to use this variable:

function SubmitDelete() {
   var listId = "";        
   var x = document.getElementsByName("IsCheck");
   for (var i = 0; i < x.length; i++) {
     if (x[i].checked == true) {
        listId += x[i].value + ", ";
     };
   }
   @listID = listId;
   return listId;
}

Finalize, I want to pass @listID to Controller:

@using (Html.BeginForm("DeleteChecked", "Category", new { listID }, FormMethod.Post)){ }

It is simple problem about multi delete with checkbox. Help me, please.

I think you need to learn the distinction between client- and server-side code and at what point each is run. Your question makes very little sense as it stands. — Ant P
– Ant P, Commented Jun 6, 2014 at 10:15
You could use a hidden field, then select in the SubmitDelete() using document.getElementById("HiddenFieldId") and set it's value to listId. Then you can pass the value of your hidden field in your controller — Christos
– Christos, Commented Jun 6, 2014 at 10:15

Murali Murugesan · Accepted Answer · 2014-06-06 10:14:52Z

2

You cannot pass a javascript variable to your controller.

But you can post it as part form data with the help of hidden field.

Better add a hidden field and set it in a Javascript and post

@using (Html.BeginForm("DeleteChecked", "Category", FormMethod.Post)){ 

 Html.HiddenFieldFor(m=>m.MyList, new {@id="my-list-data"})

 ..other controls and your submit button

}

In a Javascript

function SubmitDelete() {
   var listId = "";        
   var x = document.getElementsByName("IsCheck");
   for (var i = 0; i < x.length; i++) {
     if (x[i].checked == true) {
        listId += x[i].value + ", ";
     };
   }
   $('#my-list-data').val(listId);

}

answered Jun 6, 2014 at 10:14

Murali Murugesan

22.6k18 gold badges76 silver badges123 bronze badges

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

5 Comments

Ant P Over a year ago

Why are you still passing the empty listID string as a route parameter?

Murali Murugesan Over a year ago

@AntP, I didn't notice it. Updated now.

Ba Trinh Over a year ago

thanks for your answer. But what is MyList in m=>m.MyList. I use IList for Model

Murali Murugesan Over a year ago

@BaTrinh, Please add your controller action method with the model detail

Ba Trinh Over a year ago

Hey, in your answer: Html.HiddenFieldFor(m=>m.MyList, new {@id="my-list-data"}). The 2th parameter is htmlAttibutes. Exactly, I add value in this position: easest is "". Then, this HiddenField will get value from JS tab. And my problem was resolved. Thanks u very much

Amir Popovich · Accepted Answer · 2014-06-06 10:15:49Z

0

You cannot do that.
The aspx\ascx\cshtml etc. page is built in the server side while the js is computed on the client's side.
You can add C# string to js functions but they will be hard coded when they get to the client.
All the C# expression are evaluated before they get to the client and before the js is computed.

Here's an example: This is what you see on the aspx\ascx\cshtml file.

<%
string str = 'test';
%>
function jsFunc(){
var myVar = '<%=str%>';
}

This is what the client gets:

function jsFunc(){
var myVar = 'test';
}

answered Jun 6, 2014 at 10:15

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

Collectives™ on Stack Overflow

C#: How to using global variable with Javascript

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related