我正在使用 ajax
从数据库中检索数据并填写 data table
在前端。我的代码工作正常并且 <table>
呈现正确,但我想要一个 checkbox
在第一列。我尝试了几种解决方案,但仍在与此作斗争。
我的表:
<table id="importIssueTable">
<tr>
<td></td>
<td>Key</td>
<td>Title</td>
<td>Estimate in minutes</td>
</tr>
</table>
ajax调用
$('#searchButton').click( function() {
alert('in submit function');
$.ajax({
type: 'GET',
url: 'getIssues',
data: $("#importIssuesForm").serialize(),
dataType: 'json',
success: function(data) {
$.each(data, function(index, result) {
var $tr = $('<tr/>');
$tr.append($('<td/>').html()); //checkboxes here!
$tr.append($('<td/>').html(result.thirdPartyId));
$tr.append($('<td/>').html(result.issueTitle));
$tr.append($('<td/>').html(result.originalEstimate));
$('#importIssueTable tr:last').after($tr);
});
}
});
});
没有 checkboxes
表 渲染得很好,但我希望有一种机制可以从 table
中选择多个元素。 .
最佳答案
*我认为下面的代码会对您有所帮助。*
var str;
$.each(data, function(index, result) {
str +='<tr><td><input type="checkbox" name="name[]"></td>';
str +='<td>'+result.thirdPartyId+'</td>';
str +='<td>'+result.issueTitle+'</td>';
str +='<td>'+result.originalEstimate+'</td></tr>';
});
$('#importIssueTable').append(str);
并立即附加动态内容,而不是在会导致性能问题的每个循环中。
关于javascript - 在 SPRING MVC 和 JSP 环境中使用 jquery 和 ajax 呈现表的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21500361/