如何在ASP.net MVC中使用jQuery替换复杂类型子集合的所有id属性

我也做过类似的事情,在视图中使用模型对象的动态列表。我在表单中使用了表结构,但我相信您也可以应用类似的逻辑。

我使用了添加/删除表行的按钮。提交表格时必须保持数字顺序,因此id应为0,1,2,3,不能为0,2,3,4等。我的设计更简单,您只能在列表底部添加一项,而只能删除列表中的最后一项。因此,我可以保持身份证的秩序。

$('.add').live('click', function()
{
    var addRowId = $('#myTable tr').length;
    var internalId = addRowId - 1; //subtract -1 for header row

    //clone the last row
    var row = $('#ft tr:last').clone(false);

    //modify the input id and name values
    row.find(':input')
        .attr('id', function() { return 
            $(this).attr('id').replace(/\[[\d+]\]/g, '[' + internalId + ']');
        })
        .attr('name', function() { return 
            $(this).attr('name').replace(/\[[\d+]\]/g, '[' + internalId + ']');
        });

    //add the new row
    $('#ft tr:last').after(row);

    return false;
});

注:

ASP.NET-MVC2 Preview 1: Are There Any Breaking Changes?

不必每次集合更改时都操作DOM元素,您可以将元素数组保存在JavaScript变量中,并在需要添加/删除元素时直接使用该数组。然后使用数组重新渲染输入元素。