2017-10-04 5 views
0

から私は、私は、テーブルIを取り込む終了したら、この読む現在のデータはAsp.Table

<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; 
    } 
} 

からテーブルに行を追加する必要がありますテーブルの内容を読み込み、ac#変数に入れる必要がありました。私はmodel.Rowsを使用しようとしましたが、私はヘッダーだけを取得します。 テーブルの内容を取ることは可能ですか?

+1

それはjavascriptを使って行を追加しているため、バックエンドでは読み込みできないため、ビューステートには保存されません。 –

答えて

0

copyTblは私のページのテーブル名です。私は複数のテーブルを持っています。次に、行の各tdを見つけて元の位置を使ってデータを取得します。

私は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に渡すことができるデータ

+0

私は初心者です。どのようにViewModelに渡すことができますか? ? –

+0

すぐに回答を修正します –

+0

ここで、どこにcopyRows [i]ですか? –

関連する問題