如何向ASP.NET的html table控件循环插入数据
怎么向ASP.NET的html table控件循环插入数据
如上面所示,talbe控件不是服务器控件,怎么向td循环插入数据(意思就是循环5次前台就显示5列5行,循环10次就显示5列10行)
刚学很多都不明白,最好能有详细点的代码或是类似问题的链连
------解决思路----------------------
代码找不到了,有一个思路,你可以参考一下。
写一个table设置隐藏,当做模板,然后在success中,获取这个隐藏的table html代码,然后往里插入数据,拼好html字符串后,
append到你上面的那个table中
------解决思路----------------------
string abc = "<table class=\"datatable\"><thead><tr><th>ERC</th>...这里继续加...</thead>";
while (sdr.Read())
{
//这里根据条件写入数据
abc += "<tbody><tr class=\"gradeX\"><td>--</td>...这里继续加...";
}
sdr.Close(); sdr.Dispose();
abc += "</table>";
------解决思路----------------------
或者上面的方法只要传入一个josn数据,然后根据该数据来判断需要生成的行、列数。
------解决思路----------------------
使用js更好,先用ajax获取后台数据,然后在js中循环拼接table。
<table class="datatable">
<thead>
<tr>
<th>ERC</th>
<th>Length</th>
<th>Occur time</th>
<th>Detall</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr class="gradeX">
<td>--</td>
<td>--</td>
<td>--</td>
<td class="center">--</td>
<td class="center">Y</td>
</tr>
</tbody>
</table>
如上面所示,talbe控件不是服务器控件,怎么向td循环插入数据(意思就是循环5次前台就显示5列5行,循环10次就显示5列10行)
刚学很多都不明白,最好能有详细点的代码或是类似问题的链连
------解决思路----------------------
代码找不到了,有一个思路,你可以参考一下。
写一个table设置隐藏,当做模板,然后在success中,获取这个隐藏的table html代码,然后往里插入数据,拼好html字符串后,
append到你上面的那个table中
------解决思路----------------------
string abc = "<table class=\"datatable\"><thead><tr><th>ERC</th>...这里继续加...</thead>";
while (sdr.Read())
{
//这里根据条件写入数据
abc += "<tbody><tr class=\"gradeX\"><td>--</td>...这里继续加...";
}
sdr.Close(); sdr.Dispose();
abc += "</table>";
------解决思路----------------------
或者上面的方法只要传入一个josn数据,然后根据该数据来判断需要生成的行、列数。
------解决思路----------------------
使用js更好,先用ajax获取后台数据,然后在js中循环拼接table。
$.ajax({
type: "POST",
url: 'Ashx.ashx', //提交到一般处理程序请求数据
data:参数,
success: BindData
});
function BindData(data){
//data一般都是json数据,先转成json对象
var obj = JSON.parse(data);
var html='';
html += '<table id="lefttable" >';
html += '<tr><th>状态</th><th>姓名</th><th>人员编码</th></tr>';
for (var i = 0; i < obj.length; i++) {
var dataobj = obj[i];
html += '<tr><td><td>' + GetStatus(dataobj.Status) + '</td><td>' + dataobj.Name + '</td><td>' + dataobj.ID+ '</td></tr>';
}
html += '</table>';
}