Question

我需要使用内联创建行创建表。

即。如果单击按钮，则会创建一行。

它会添加新的空行（有两个字段，如下面的代码所示），我该怎么做？我已经尝试使用以下代码但没有成功，不知道该怎么做？

使用Javascript：

$(document).ready(function () 
{
    $(".createrow").hide();
});

$("#add").click(function () 
{
    $(".createrow").toggle();
});

HTML：

<div class="content">
    <div class="form-inline">
        <h4>Role</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            <button type='button' id='.createrow' class="btn ui-state-default medium"  style="width: 200px;">
            Create
            </button>
            @Html.LabelFor(model => model.name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @*@Html.EditorFor(model => model.name, new { htmlAttributes = new { @class = "form-control" } })*@

                @Html.ValidationMessageFor(model => model.name, "", new { @class = "text-danger" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.checkBox1, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <div class="checkbox">
                    @*@Html.EditorFor(model => model.checkBox1)*@
                    @Html.ValidationMessageFor(model => model.checkBox1, "", new { @class = "text-danger" })
                </div>
            </div>
        </div>

Answer 1

我不完全确定你要求的是什么，但从我所能看到的内容中，以下内容可能有所帮助？

根据按下按钮在表格中创建新行。

工作示例：JSfiddle

<强> Jquery的

$('#addrow').click( function() {
    $('#table').append('<tr><td>New Row</td></tr>');
});

示例HTML

<button id='addrow'>Add row</button>
<table id='table'>
    <tbody>
    <tr>
        <td>row</td>
    </tr>
    </tbody>
</table>

<强>更新要使行显示在行顶部而不是在使用append替换prepend之前工作示例：JSfiddle

Answer 2

你试过这个吗？它为图表的数据输入添加了一行，也许脚本可以适用于您的表格？

http://www.amcharts.com/tutorials/live-editing-chart-data/

使用内联创建行创建表

2 个答案: