En mi aplicación web, hay una sección donde cargo los valores del modelo usando For loop
Así que agregué un botón para activar el script.
Quiero saber cómo obtener los datos del modelo EmpMarks en la matriz y la suma.
Esta es la vista
<tbody> @for (int i = 0; i < Model.First().KPIMarksVMList.Count(); i++) { <tr> <td style="display:none;"> @Html.HiddenFor(model => model.First().KPIMarksVMList[i].KPIId) </td> <td width="60%"> @Html.DisplayFor(model => model.First().KPIMarksVMList[i].KPIName, new { htmlAttributes = new { @class = "form-control" } }) </td> <td> <div class="radio"> @Html.RadioButtonFor(model => model.First().KPIMarksVMList[i].EmpMarks, "1") 1 @Html.RadioButtonFor(model => model.First().KPIMarksVMList[i].EmpMarks, "2") 2 @Html.RadioButtonFor(model => model.First().KPIMarksVMList[i].EmpMarks, "3") 3 @Html.RadioButtonFor(model => model.First().KPIMarksVMList[i].EmpMarks, "4") 4 @Html.RadioButtonFor(model => model.First().KPIMarksVMList[i].EmpMarks, "5", new { @checked = "Checked" }) 5 </div> </td> </tr> } </tbody> </table> <input type="button" value="Check MarksRequest" class="btn btn-success" onclick="Calculation();" />Esto es lo que probé
function Calculation() { var myArray = []; @foreach (var item in Model.First().KPIMarksVMList) { @:myArray.push('@item.EmpMarks'); } console.log(myArray) }Array devuelve 0. No obtiene el valor de clic del usuario
Este es el cálculo que quiero hacer en el script.
Es necesario predefinirlos en el script.
const int kpMarks = 65; int kpiCounts = mainDetailsVM.KPIMarksVMList.Count(); decimal KpMarksPerQuiz = (kpMarks / kpiCounts) / 5; decimal kpiMarks = 0; Esta necesidad de agregar dentro del Foreach
decimal k = KpMarksPerQuiz * item.EmpMarks; kpiMarks += k;¿Has probado viewBag o
Si está esperando que se active un botón, puede llamar a ajax al hacer clic en el botón y la función de back-end devolverá un json
espero haber respondido bien
Logré pasar los valores de View a Controller cambiando .First() en View a [0] , por ejemplo, @Html.RadioButtonFor(model => model[0].KPIMarksVMList[i].EmpMarks, "1")
El atributo de nombre generado en la Vista es diferente para .First() y [0] .
Al usar .First() :
<input id="KPIMarksVMList_0__EmpMarks" name="KPIMarksVMList[0].EmpMarks" type="radio" value="1" /> Al usar [0] :
<input name="[0].KPIMarksVMList[0].EmpMarks" type="radio" value="1"> Cambiar .First() a [0] permite que Razor genere HTML correcto para pasar datos de View a Controller.
Aquí está el código para la llamada ajax:
@model List<MyModel> @using (Html.BeginForm("Calculation", "Controller", FormMethod.Post, new { id = "form" })) { ... <div class="radio"> <div>@Html.RadioButtonFor(model => model[0].KPIMarksVMList[i].EmpMarks, "1") 1</div> <div>@Html.RadioButtonFor(model => model[0].KPIMarksVMList[i].EmpMarks, "2") 2</div> <div>@Html.RadioButtonFor(model => model[0].KPIMarksVMList[i].EmpMarks, "3") 3</div> <div>@Html.RadioButtonFor(model => model[0].KPIMarksVMList[i].EmpMarks, "4") 4</div> <div>@Html.RadioButtonFor(model => model[0].KPIMarksVMList[i].EmpMarks, "5", new { @checked = "Checked" }) 5</div> </div> ... <input type="button" value="Check MarksRequest" class="btn btn-success" onclick="submitForm()"/> } <script> function submitForm(){ $.ajax({ url: '../Controller/Calculation', type: 'POST', dataType: 'json', data: $('#form').serialize(), success: function (data) { console.log(data); } }); } </script> public JsonResult Calculation(List<MyModel> dataList) { const int kpMarks = 65; int kpiCounts = dataList.First().KPIMarksVMList.Count(); decimal KpMarksPerQuiz = (kpMarks / kpiCounts) / 5; decimal kpiMarks = 0; foreach (var item in dataList.First().KPIMarksVMList) { decimal k = KpMarksPerQuiz * item.EmpMarks; kpiMarks += k; } return Json(new { kpiMarks = kpiMarks }); }