javascript - MVC View 中的字 rune 字太多

问题背景：

我将包含项目列表的ViewBag对象传递到我的MVC视图。然后，通过使用For循环将这些项目添加到名为“ AddRows”的Javascript方法中，该方法将创建新的HTML行并将其添加到视图中的表中。

问题：

这段代码以前曾起作用，但遇到一个以下错误，我遇到了一个问题：



代码：

 @foreach (var cartItem in (List<LoginTest.Models.CartItem>)ViewBag.Data)
{

        var cartItemId = '@cartItem.CartItemId';
        var cartImage = '@cartItem.CartItemImage';
        var cartItemName = '@cartItem.CartItemName';
        var cartBrand = '@cartItem.CartItemBrand';
        var cartItemPrice = '@cartItem.CartItemPrice';
        var cartItemCartItemQty = '@cartItem.CartItemQty';

        AddRows(cartItemId, cartImage, cartItemName, cartBrand, cartItemPrice, cartItemCartItemQty);
}


 <script type="text/javascript">

    var AddRows = function (productId, productImage, productName, productBrand, productPrice, productQty) {

        var button = '<input class="btn btn-primary btn-block deleteItem" type="button" value="Remove"/>';
        var image = '<img src="/Images/' + productImage + '" class="productCartImage"/>';
        var selectors = '<input id="demo1" class="touchSpin" type="text" value="' + productQty + '" name="demo1">';


        var $html = $('<tr class="item">' +
            '<td class="prodId" style="display:none;">' + productId + '</td>' +
            '<td class="prodImage hidden-xs">' + image + '</td>' +
            '<td class="prodName">' + productName + '</td>' +
            '<td class="prodBrand">' + productBrand + '</td>' +
            '<td class="prodPrice"> £' + productPrice + '</td>' +
            '<td class="prodQty TableCell">' + selectors + '</td>' +
            '<td>' + button + '</td>' +
            '</tr>');

        $html.find("input[name='demo1']").TouchSpin({
            min: 1,
            max: 100,
            step: 1,
        });

        $('#Table1 > tbody:last').append($html);



    };
</script>

到目前为止我尝试过的是：


尝试将列表中项目的每个属性周围的单引号从单引号更改为双引号。这将对字符串文字问题进行排序，但是会产生一个错误，指出找不到AddRows方法。

最佳答案

代替

@foreach (var cartItem in (List<LoginTest.Models.CartItem>)ViewBag.Data)
{

    var cartItemId = '@cartItem.CartItemId';
    var cartImage = '@cartItem.CartItemImage';
    var cartItemName = '@cartItem.CartItemName';
    var cartBrand = '@cartItem.CartItemBrand';
    var cartItemPrice = '@cartItem.CartItemPrice';
    var cartItemCartItemQty = '@cartItem.CartItemQty';

    AddRows(cartItemId, cartImage, cartItemName, cartBrand, cartItemPrice, cartItemCartItemQty);
}

用这个

@foreach (var cartItem in (List<LoginTest.Models.CartItem>)ViewBag.Data)
{
<text>
    var cartItemId = '@cartItem.CartItemId';
    var cartImage = '@cartItem.CartItemImage';
    var cartItemName = '@cartItem.CartItemName';
    var cartBrand = '@cartItem.CartItemBrand';
    var cartItemPrice = '@cartItem.CartItemPrice';
    var cartItemCartItemQty = '@cartItem.CartItemQty';

    AddRows(cartItemId, cartImage, cartItemName, cartBrand, cartItemPrice, cartItemCartItemQty);
</text>
}

<text>元素告诉Razor该代码不应视为C＃