Asp.net mvc 在asp.net mvc中添加一行类似于我的webgrid中的前一行

我面临向Webgrid添加新行的问题。我的Webgrid数据在每列中都有一个下拉列表。当我单击按钮添加新行时，它必须重复相同的行格式。 在这里粘贴我的webgrid代码。请帮助我，因为我是asp.net mvc的新手

 <div id="grid1">
            @wg1.GetHtml(
    tableStyle: "gridTable",
    headerStyle: "gridHead",
            rowStyle: "gridRow",
    footerStyle: "gridFooter",
            alternatingRowStyle: "gridAltRow",
            htmlAttributes: new { id = "TableGrid" },
    columns: wg1.Columns(
    wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" })),
    wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 1", new { style = "width:100px", @class = "SourceTablea" })),
    wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnNames", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),
    wg1.Column("Operator", format: @item => Html.DropDownList("Operator", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Operator, "Select Operator", new { style = "width:100px", @class = "Operator" })),
    wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 2", new { style = "width:100px", @class = "SourceTablea" })),
    wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnName", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),
    wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" }))
    )
    )
        </div>
<td>
        <input type="submit" value="Add Contact" id="ClickToAdd" /> 

@wg1.GetHtml(
表样式：“网格表”，
headerStyle：“gridHead”，
行样式：“网格行”，
页脚样式：“gridFooter”，
alternatingRowStyle:“gridAltRow”，
htmlAttributes:new{id=“TableGrid”}，
列：wg1.columns(
wg1.Column（“条件”，格式：@item=>Html.DropDownList（“条件”，（IEnumerable）模型.SourceTableModel[0]。条件，“选择条件”，新的{style=“width:100px”，@class=“条件”}），
wg1.Column（“SourceTable1”，格式：@item=>Html.DropDownList（“SourceTable1”，（IEnumerable）模型。SourceTableModel[0]。SourceTableName，“选择源1”，新建{style=“width:100px”，@class=“SourceTablea”}），
wg1.Column（“ColumnNames”，格式：@item=>Html.DropDownList（“ColumnNames”，新选择列表（string.Empty，“Value”，“Text”），“Select Column”，新{id=string.Empty，style=“width:100px”，@class=“field1”}），
wg1.Column（“Operator”，格式：@item=>Html.DropDownList（“Operator”，（IEnumerable）Model.SourceTableModel[0]。Operator，“Select Operator”，新建{style=“width:100px”，@class=“Operator”}），
wg1.Column（“SourceTable1”，格式：@item=>Html.DropDownList（“SourceTable1”，（IEnumerable）模型。SourceTableModel[0]。SourceTableName，“选择源2”，新建{style=“width:100px”，@class=“SourceTablea”}），
wg1.Column（“ColumnNames”，格式：@item=>Html.DropDownList（“ColumnName”，新选择列表（string.Empty，“Value”，“Text”），“选择列”，新{id=string.Empty，style=“width:100px”，@class=“field1”}），
wg1.Column（“条件”，格式：@item=>Html.DropDownList（“条件”，（IEnumerable）模型.SourceTableModel[0]。条件，“选择条件”，新{style=“width:100px”，@class=“条件”}））
)
)

我的Javascript如下所示：

<script type="text/javascript">
$('#ClickToAdd').click(function () {
    var newrow = "<tr><td> @wg1.GetHtml(htmlAttributes: new { id = "TableGrid" },columns: wg1.Columns(wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" })), wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 1", new { style = "width:100px", @class = "SourceTablea" })), wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnNames", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })), wg1.Column("Operator", format: @item => Html.DropDownList("Operator", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Operator, "Select Operator", new { style = "width:100px", @class = "Operator" })), wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 2", new { style = "width:100px", @class = "SourceTablea" })), wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnName", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" }))))</div></td></tr>";
    $("#webgrid tbody: last").append(newrow);
})
</script>

@{
WebGrid wg1 = new WebGrid(Model.SourceTableModel);

}

<table>
<tr>
    <td>
        <div id="grid1">
            @wg1.GetHtml(
    tableStyle: "gridTable",
    headerStyle: "gridHead",
            rowStyle: "gridRow",
    footerStyle: "gridFooter",
            alternatingRowStyle: "gridAltRow",
            htmlAttributes: new { id = "TableGrid" },
    columns: wg1.Columns(
    wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" })),
    wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 1", new { style = "width:100px", @class = "SourceTablea" })),
    wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnNames", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),
    wg1.Column("Operator", format: @item => Html.DropDownList("Operator", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Operator, "Select Operator", new { style = "width:100px", @class = "Operator" })),
    wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 2", new { style = "width:100px", @class = "SourceTablea" })),
    wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnName", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),
    wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" }))
    )
    )
        </div>
    </td>
</tr>

<tr>


    </tr>

<tr>
    <td>
        <input type="submit" value="Add Contact" id="ClickToAdd" />
        <input type="submit" id="submitbutton1" value="Save" />
       @using (Html.BeginForm("WhereView", "Home", FormMethod.Post))
       {
        <input type="submit" id="nextbutton" value="Next" />
       }
    </td>
</tr>
</table>

$（“#单击以添加”）。单击（函数（）{
var newrow=“@wg1.GetHtml（htmlAttributes:new{id=“TableGrid”}，columns:wg1.columns（wg1.Column（“条件”），格式：@item=>Html.DropDownList（“条件”，IEnumerable）Model.SourceTableModel[0]。条件，“选择条件”，新的{style=“width:100px”，@class=“Condition”}），wg1.Column（“SourceTable1”，格式：@item=>Html.DropDownList（“SourceTable1“，（IEnumerable）模型。SourceTableModel[0]。SourceTableName，“选择源1”，新建{style=“width:100px”，@class=“SourceTablea”}），wg1.Column（“ColumnNames”，格式：@item=>Html.DropDownList（“ColumnNames”），新建选择列表（string.Empty，“Value”，“Text”），“Select Column”，新建{id=string.Empty，style=“width:100px”，“@class=”field1“}”），wg1.Column（“Operator”，格式：@item=>Html.DropDownList（“Operator”，IEnumerable）Model.SourceTableModel[0]。Operator，“Select Operator”，new{style=“width:100px”，“class=“Operator”}），wg1.Column（“SourceTable1”，格式：@item=>Html.DropDownList（“SourceTable1”，“IEnumerable”）Model.SourceTableModel[0]。SourceTableName，“选择Source 2、new{style=“width:100px”、@class=“SourceTablea”}）、wg1.Column（“ColumnNames”、格式：@item=>Html.DropDownList（“ColumnName”、new SelectList（string.Empty、“Value”、“Text”）、“Select Column”、new{id=string.Empty、style=“width:100px”、@class=“field1”}）、wg1.Column（“条件”、格式：@item=>Html.DropDownList（“条件“，（IEnumerable）模型。SourceTableModel[0]。条件，“选择条件”，新的“{style=“width:100px”，@class=“Condition”}”）；
$（“#webgrid tbody:last”）.append（newrow）；
})

我编辑的webgrid如下所示：

<script type="text/javascript">
$('#ClickToAdd').click(function () {
    var newrow = "<tr><td> @wg1.GetHtml(htmlAttributes: new { id = "TableGrid" },columns: wg1.Columns(wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" })), wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 1", new { style = "width:100px", @class = "SourceTablea" })), wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnNames", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })), wg1.Column("Operator", format: @item => Html.DropDownList("Operator", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Operator, "Select Operator", new { style = "width:100px", @class = "Operator" })), wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 2", new { style = "width:100px", @class = "SourceTablea" })), wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnName", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" }))))</div></td></tr>";
    $("#webgrid tbody: last").append(newrow);
})
</script>

@{
WebGrid wg1 = new WebGrid(Model.SourceTableModel);

}

<table>
<tr>
    <td>
        <div id="grid1">
            @wg1.GetHtml(
    tableStyle: "gridTable",
    headerStyle: "gridHead",
            rowStyle: "gridRow",
    footerStyle: "gridFooter",
            alternatingRowStyle: "gridAltRow",
            htmlAttributes: new { id = "TableGrid" },
    columns: wg1.Columns(
    wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" })),
    wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 1", new { style = "width:100px", @class = "SourceTablea" })),
    wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnNames", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),
    wg1.Column("Operator", format: @item => Html.DropDownList("Operator", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Operator, "Select Operator", new { style = "width:100px", @class = "Operator" })),
    wg1.Column("SourceTable1", format: @item => Html.DropDownList("SourceTable1", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].SourceTableName, "Select Source 2", new { style = "width:100px", @class = "SourceTablea" })),
    wg1.Column("ColumnNames", format: @item => Html.DropDownList("ColumnName", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { id = string.Empty, style = "width:100px", @class = "field1" })),
    wg1.Column("Condition", format: @item => Html.DropDownList("Condition", (IEnumerable<SelectListItem>)Model.SourceTableModel[0].Condition, "Select Condition", new { style = "width:100px", @class = "Condition" }))
    )
    )
        </div>
    </td>
</tr>

<tr>


    </tr>

<tr>
    <td>
        <input type="submit" value="Add Contact" id="ClickToAdd" />
        <input type="submit" id="submitbutton1" value="Save" />
       @using (Html.BeginForm("WhereView", "Home", FormMethod.Post))
       {
        <input type="submit" id="nextbutton" value="Next" />
       }
    </td>
</tr>
</table>

@{
WebGrid wg1=新的WebGrid（Model.SourceTableModel）；
}
@wg1.GetHtml(
表样式：“网格表”，
headerStyle：“gridHead”，
行样式：“网格行”，
页脚样式：“gridFooter”，
alternatingRowStyle:“gridAltRow”，
htmlAttributes:new{id=“TableGrid”}，
列：wg1.columns(
wg1.Column（“条件”，格式：@item=>Html.DropDownList（“条件”，（IEnumerable）模型.SourceTableModel[0]。条件，“选择条件”，新的{style=“width:100px”，@class=“条件”}），
wg1.Column（“SourceTable1”，格式：@item=>Html.DropDownList（“SourceTable1”，（IEnumerable）模型。SourceTableModel[0]。SourceTableName，“选择源1”，新建{style=“width:100px”，@class=“SourceTablea”}），
wg1.Column（“ColumnNames”，格式：@item=>Html.DropDownList（“ColumnNames”，新选择列表（string.Empty，“Value”，“Text”），“Select Column”，新{id=string.Empty，style=“width:100px”，@class=“field1”}），
wg1.Column（“Operator”，格式：@item=>Html.DropDownList（“Operator”，（IEnumerable）Model.SourceTableModel[0]。Operator，“Select Operator”，新建{style=“width:100px”，@class=“Operator”}），
wg1.Column（“SourceTable1”，格式：@item=>Html.DropDownList（“SourceTable1”，（IEnumerable）模型。SourceTableModel[0]。SourceTableName，“选择源2”，新建{style=“width:100px”，@class=“SourceTablea”}），
wg1.Column（“ColumnNames”，格式：@item=>Html.DropDownList（“ColumnName”，新选择列表（string.Empty，“Value”，“Text”），“选择列”，新{id=string.Empty，style=“width:100px”，@class=“field1”}），
wg1.Column（“条件”，格式：@item=>Html.DropDownList（“条件”，（IEnumerable）模型.SourceTableModel[0]。条件，“选择条件”，新{style=“width:100px”，@class=“条件”}））
)
)
@使用（Html.BeginForm（“WhereView”、“Home”、FormMethod.Post））
{
}

用于动态添加新行的相应javascript：

<script type="text/javascript">
$('#ClickToAdd').click(function () {
    var newrow = $("#webgrid tbody tr:last").clone();
    $("#webgrid tbody").append(newrow);
})
</script>

$（“#单击以添加”）。单击（函数（）{
var newrow=$（“#webgrid tbody tr:last”）.clone（）；
$（“#webgrid tbody”）.append（newrow）；
})

It di