从Asp.Table读取当前数据

时间:2017-10-04 09:10:56

标签: javascript c# html asp.net

我有一张这样的表

<asp:Table ID="model" runat='server'>
    <asp:TableRow>
        <asp:TableHeaderCell class="col-xs-2">
        Name
        </asp:TableHeaderCell>
        <asp:TableHeaderCell class="col-xs-2">
        Barcode
        </asp:TableHeaderCell>
        <asp:TableHeaderCell class="col-xs-2">
        Row
        </asp:TableHeaderCell>
        <asp:TableHeaderCell class="col-xs-2">
        Pos
        </asp:TableHeaderCell>
        <asp:TableHeaderCell class="col-xs-2">

        </asp:TableHeaderCell>
    </asp:TableRow>
</asp:Table>

和一个javascript函数,可以从4个标签

中添加表中的行
function add() {
    var contentName = $('#name').val();
    var contentBarcode = $('#barcode').val();
    var contentRow = $('#row').val();
    var contentPos = $('#pos').val();
    if (contentName !== "" && contentBarcode !== "" && contentRow !== "" && contentPos !== "") {
        var table = document.getElementById("model");
        var row2 = table.insertRow();
        var name = row2.insertCell(0);
        var barcode = row2.insertCell(1);
        var row = row2.insertCell(2);
        var pos = row2.insertCell(3);
        var del = row2.insertCell(4);
        del.innerHTML = " <button onclick=\"$(this).closest('tr').remove();\">X</button>";
        name.innerHTML = contentName;
        barcode.innerHTML = contentBarcode;
        row.innerHTML = contentRow;
        pos.innerHTML = contentPos;
    }
}

当我完成填充表时,我需要读取表的内容并输入一个c#变量。我试图使用model.Rows,但我只得到标题。 是否可以获取表格的内容?

1 个答案:

答案 0 :(得分:0)

尝试这样的事情,copyTbl是我的表名,因为在我的页面上我有多个表,然后我找到行中的每个td,然后使用原始位置来获取数据。

我将假设你知道如何从那里获得val(),innterHTML等......

var i = 0;
var arr = new Array();
var copyRows = $("#copyTbl tbody tr"); //Get ALL Rows 

$("#copyTbl tbody tr").each(function () {
var copyTd = $(copyRows[i]).find("td");
                var row = {

    BranchText: copyTd[0].innerText,// these get the html value of the table cells
    BranchTown: copyTd[1].innerText // these get the html value of the table cells

};

arr.push(row);

i++;

});

然后将它全部放入一个数组中,这是您可以传递给ViewModel的所有表数据