Question

我正在为一个页面做一些重新分解，在那个页面中我有一堆单选按钮group.Data单选按钮来自数据库，有时来自缓存层。

我可能会有近100个单选按钮。我需要将它们排成5列20行。

数据填充通过arraylist发生。我正在考虑将这个arraylist转换为json，然后使用它来布置HTML表格格式的单选按钮。

我知道有很多插件用于构建表格，但它们不符合我的要求。如何动态建立5行10列表格。

像

这样的东西

<tr>
<td>radio1</td>
<td>radio2</td>


<td>radio10</td>
</tr>
<tr>
<td>radio11</td>
<td>radio12</td>

<td>radio20</td>

这里需要注意的是，我事先并不知道我将获得多少数据。欣赏一些想法。

Answer 1

遍历您的JSON对象。
使用mod（＆＃39;％＆＃39;）每十个项目附加一个新tr
将td项目（包含内容）输出到最后添加的tr。

如果您正在使用jQuery，请尝试以下方法：

var holderDiv = $('#myDivId');
var i = 0;
var myData = jQuery.parseJSON(response);
$.each(myData, function(key,value) {
  if(i == 0 || i == i%10){
    holderDiv.append('<tr>');
  }
  holderDiv.find('tr:last-child').append('<td>' + value + '</td>');
  i++;
}

HTML单选按钮表需要动态构建它

1 个答案: