Javascript 通过「；“行计数”；（表行计数）从jquery到"；For Loop"；.CSHTML中的（@for（int i=0；i<；rowCount；i+；+；））

在MVC5中，我尝试使用glyphicon添加/删除行。我想将jquery中的“rowcount”（表行计数）传递到.CSHTML中的“For循环”（@For（int I=0；I 请参考我试图实现的图像

脚本：

<script>
$(function () {
    $('.glyphicon-plus').click(function () {
        var sds = $(this);
        $(this).closest("tr").clone(true).appendTo('#ruleTable');
        var **rowCount** = $('#ruleTable tr').length;
    });
    $('.glyphicon-remove').click(function () {
        $(this).closest("tr").remove();
    });
});
</script>

@for (int i = 0; i < rowCount; i++){
    <tr>
        <td>
            <span class="glyphicon glyphicon-plus" stye="color:lawngreen"></span>
            <span class="glyphicon glyphicon-remove" style="color:red"></span>
        </td>
        <td> @Html.TextBox("[" + i + "].DepartmentCode") </td>
        <td> @Html.TextBox("[" + i + "].DepartmentName")</td>
    </tr>
}

$（函数（）{
$（'.glyphicon plus'）。单击（函数（）{
var sds=$（本）；
$（this）.clone（“tr”）.clone（true）.appendTo（“#ruleTable”）；
变量**行计数**=$（'#规则表tr'）。长度；
});
$（'.glyphicon remove'）。单击（函数（）{
$（this）.tr.remove（）；
});
});

HTML.BeginForm:

<script>
$(function () {
    $('.glyphicon-plus').click(function () {
        var sds = $(this);
        $(this).closest("tr").clone(true).appendTo('#ruleTable');
        var **rowCount** = $('#ruleTable tr').length;
    });
    $('.glyphicon-remove').click(function () {
        $(this).closest("tr").remove();
    });
});
</script>

@for (int i = 0; i < rowCount; i++){
    <tr>
        <td>
            <span class="glyphicon glyphicon-plus" stye="color:lawngreen"></span>
            <span class="glyphicon glyphicon-remove" style="color:red"></span>
        </td>
        <td> @Html.TextBox("[" + i + "].DepartmentCode") </td>
        <td> @Html.TextBox("[" + i + "].DepartmentName")</td>
    </tr>
}

@for（int i=0；i

---

谢谢…

这是不可能的，Jquery是服务器端循环的客户端。因此，您可以使用一个javascript或jquery函数，并使用ajax实现这些功能。 谢谢，

你可以这样试试
html
名称
年龄
出生日期
薪水
工业
行动
javascript
函数GetEmployeeDetails（）{
var EmployeeArray=[]；
$（“#dtEmployeeDetails”）.empty（）；
$.ajax({
类型：“POST”，
url:'@url.Action（“GetEmployeeDetails”，“Employee”），
数据类型：“json”，
//数据：JSON.stringify（{id:'2'}），
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（数据）{
$。每个（数据、函数（键、值）{
EmployeeArray[键]=“”+
''+val.Name+''值+
''+val.DateofBirth+''值+
''年龄+''值+
“+行业+”+
''+val.薪金+''+
'' + '' + ' ' +
'';
});
$（“#dtEmployeeDetails”）.html（EmployeeArray.join（“”）；
如果（data.length==0）{
$（“#dtEmployeeDetails”）.append（'未找到记录'）；
}
}
});
}

jQuery在客户机上运行，而您的

for

循环在服务器上运行的C#中。两者无法直接沟通。您将需要发送一个带有行数的AJAX请求，但需要重新考虑页面结构才能使其正常工作。但是，当服务器已经生成行时，我不明白为什么您需要从客户端发送值，因此必须知道有多少行…？您好，谢谢您的评论…我添加了我尝试实现的图像。请提供任何建议…感谢您的评论。这非常有帮助。