2017-04-19 13 views
0

我M具有以下表結構,復位HTML表數據

<table id="tblPtPrtDtl" class="table table-bordered table-striped mb-none"> 
              <tr> 
               <th> 
                <b>File Number </b> 
               </th> 
               <th> 
                <b>Name </b> 
               </th> 
               <th> 
                <b>Status </b> 
               </th> 
              </tr> 
              <tr> 
               <td> 
                <span class="prtfilenum"></span> 
               </td> 
               <td> 
                <span class="prtname"></span> 
               </td> 
               <td> 
                <span class="prtstatus"></span> 
               </td> 
              </tr> 
             </table> 

我使用網絡方法(頁面方法), 填充該表,這是後AJAX調用代碼JS成功函數它

var xmlDoc = $.parseXML(response.d); 
      var xml = $(xmlDoc); 
      var customers = xml.find("PtPrt"); 
      var row = $("[id*=tblPtPrtDtl] > tbody tr:last-child").clone(true); 
      $("[id*=tblPtPrtDtl] tr").not(':has(th)').remove(); 
      $.each(customers, function() { 
       $(".prtfilenum", row).html($(this).find("PrtFilenum").text()); 
       $(".prtname", row).html($(this).find("Column1").text()); 
       $(".prtstatus", row).html($(this).find("PrtStatus").text()); 
       $("[id*=tblPtPrtDtl]").append(row); 
       row = $("[id*=tblPtPrtDtl] > tbody tr:last-child").clone(true); 

我試圖清空表,但刪除所有行將刪除填充表所需的類。

我想清除行中的所有數據,並只保留一個空的類,該類中的類完好無缺,以便在需要時重新填充字段。

我試過以下功能,但刪除所有的行和它們的類,這些行阻止我重新填充表。

$("#tblPtPrtDtl tr").remove(); 
$("#tblPtPrtDtl tr").detach(); 

感謝

+0

'$( 「#tblPtPrtDtl TR」)HTML( 「」 );'? – Red

+0

不,先生,沒有工作 – JSON

回答

0

所以我周圍的工作, 首先我用JavaScript編程生成表,我填充該表與我的數據。我通過完全去除它的結構來清理桌子。通過這個,我可以繼續使用不同記錄的表格,而無需刷新我的頁面。下面的代碼填入表中規定的事業部區域

var tbl = $("<table>").attr("id", "tblPtPrtDtl").addClass("table table-bordered table-striped mb-none"); 
     var tr1 = $("<tr>").append($("<th>").append($("<b>").text("File Number"))) 
     .append($("<th>").append($("<b>").text("Name"))) 
     .append($("<th>").append($("<b>").text("Status"))); 
     var tr2 = $("<tr>").append($("<td>").append($("<span>").attr("id", "prtfilenum"))) 
     .append($("<td>").append($("<span>").attr("id", "prtname"))) 
     .append($("<td>").append($("<span>").attr("id", "prtstatus"))); 

     tbl.append(tr1); 
     tbl.append(tr2); 
     if ($('#tblPtPrtDtl').length) { $('#tblPtPrtDtl').remove(); $("#dvTable").append(tbl); } else { $("#dvTable").append(tbl); } 

刪除它,我用

if ($('#tblPtPrtDtl').length) { $('#tblPtPrtDtl').remove() } 

價:https://forums.asp.net/post/6132153.aspx