如何將表傳遞給行以通過jQuery形成嵌套表？

我有一個複選框在DataTable中的記錄。我試圖在點擊複選框後將新表追加到行上。我正在嘗試執行類似this的操作。如何將表傳遞給行以通過jQuery形成嵌套表？

在這裏，他們正在從行中取值，並將其格式化並顯示回來。但我有完全不同的表格，我想展示。而我試圖用複選框實現這一點。現在

$('#tblEmployees').on('click', 'input[type="checkbox"].checkbox', function() { 
    var tr = $(this).closest('tr'); 
    var Table = getTasks('Here I will pass my value to get Table through Ajax'); 
});

，我可以顯示或隱藏當我檢查或取消選中該複選框。

表通過Ajax

獲取

 function getTasks(id) { 

     // Creating Inner table with little Styling 
     var table = $('<table width="90%" style="margin: 0 auto;">'); 

     // Adding 
     var titleRow = $('<tr>'); 
     titleRow.append('<th> Task # </th>'); 
     titleRow.append('<th> Task Description </th>'); 
     table.append(titleRow); 

     $.ajax({ 
      url: '@Url.Action("GetTasks", "Programs")', 
      data: { id: id }, 
      cache: false, 
      type: "GET", 
      success: function (data) { 
       $.each(data, function (key, value) { 

        var row = $('<tr>'); 

        row.append('<td>' + value.TaskNo + '</td>'); 
        row.append('<td>' + value.TaskDescription + '</td>'); 

        table.append(row); 
       }); 
      } 
     }); 
     return table; 
    }

來源

2017-07-26 Ali Sheikh

也粘貼您的表的代碼。所以我們可以幫助你。 – weBBer

表Im進入ajax或父表？ –

父表供參考 – weBBer

function selectColumn(rowID) { 
    var tr = $('#tbCategory tbody tr[data-id=' + rowID + ']').after("<tr><td>Hi, It's Worked</td></tr>"); 
}

當你選中複選框，然後經過此地表行ID，然後在TR後追加表。我希望它可以幫助你。

來源

2017-07-26 11:00:47

你可以試試這個。

$('#tblEmployees').on('click', 'input[type="checkbox"].checkbox', function() { 
     var tr = $(this).closest('tr'); 
     var Table = getTasks('yourID' , tr); 
    }); 


function getTasks(id, parentRow) { 

     // Creating Inner table with little Styling 
     var table = $('<table width="90%" style="margin: 0 auto;">'); 

     // Adding 
     var titleRow = $('<tr>'); 
     titleRow.append('<th> Task # </th>'); 
     titleRow.append('<th> Task Description </th>'); 
     table.append(titleRow); 

     $.ajax({ 
      url: '@Url.Action("GetTasks", "Programs")', 
      data: { id: id }, 
      cache: false, 
      type: "GET", 
      success: function (data) { 
       $.each(data, function (key, value) { 

        var row = $('<tr>'); 

        row.append('<td>' + value.TaskNo + '</td>'); 
        row.append('<td>' + value.TaskDescription + '</td>'); 

        table.append(row); 
       }); 
parentRow.append(table.html()) 
      } 
     }); 
     return table; 
    }

來源

2017-07-26 11:12:27

如何將表傳遞給行以通過jQuery形成嵌套表？

回答

相關問題