How to to fill js array to class list in MVC 5 .NET

Question

0.00/5 (No votes)

See more:

Hi,
I want to fill a c# list using JavaScript array in mvc razor .net

here is my code

function SendData() {
        document.getElementById('info').innerHTML = "";
        var myTab = document.getElementById('TB1');
        var Details = [[]];
        // LOOP THROUGH EACH ROW OF THE TABLE AFTER HEADER.

        for (i = 1; i < myTab.rows.length; i++) {

            Details.push([myTab.rows[i].cells[1].children[0].value, myTab.rows[i].cells[2].children[0].value, myTab.rows[i].cells[3].children[0].value]);
            
             @Model.DTList = Details;
        };

this line is not working @

@Model.DTList = Details;

What I have tried:

function SendData() {
        document.getElementById('info').innerHTML = "";
        var myTab = document.getElementById('TB1');
        var Details = [[]];
        // LOOP THROUGH EACH ROW OF THE TABLE AFTER HEADER.

        for (i = 1; i < myTab.rows.length; i++) {

            Details.push([myTab.rows[i].cells[1].children[0].value, myTab.rows[i].cells[2].children[0].value, myTab.rows[i].cells[3].children[0].value]);
            
             @Model.DTList = Details;
        };

Posted 2-Jun-20 3:39am

Asif 7969814

Updated 2-Jun-20 4:15am

Add a Solution

Comments

F-ES Sitecore 2-Jun-20 10:13am

You can't do that because your server code runs first (everything in an @ block) to generate html (including your SendData function) which is sent to the browser to execute, so when the "@Model.DTList = " line is running on your server there is no such thing as "Details". If you want to send data to the server you have to do it as a form postback or using ajax. Reading between the lines, if you are using DTList later on in your view you may have to restructure how you are doing things.

Asif 7969814 2-Jun-20 10:28am

in ajax method can i send multiple details array
my problem is i want to send more then one list details1, details2, details3,
but in ajax i have to combine all in one (data: JSON.stringify(DetailsAll),)
$.ajax({
type: "POST",
//traditional: true,
url: "/Emp/MasterDetails",
data: JSON.stringify(Details),
contentType: "application/json; charset=utf-8",
dataType: "json",
traditional: true,
success: function (data) {
alert(data.massge + " record(s) inserted.");
}
});
if you have time give me example link of Postback method.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2020-06-02T04:16:00

That's not how it works. The C# and Razor code executes on the server, and generates a response which is sent back to the client. (In this case, the response is an HTML page containing some Javascript.) The client then executes the Javascript in response to some event on the client, by which time your Model is long gone.

If you want to pass the details from Javascript back to the server, you need to make another request. You can either make an AJAX request, or submit a <form>. The server can then process the data that's send with that request, and return a new response.

Ajax - Developer guides | MDN[^]