.NET动态生成HTML 动态破解HTML reapter+table

gordon1117 2011-09-01 02:33:50
有一个aspx页面
中间是这个


可以看到中间的tr市区是一条数据
下一行tr江宁区是一条数据
图中的1都是从数据库里读出来的数据。
。。。
当然数据有几十几百条，也就是有几十几百个tr 不定。

要动态生成这个页面。该如何做。
感觉这一个tr像reapter，
但是reapter能嵌入tr td这些 表格元素标记吗？

如果用的是拼接HTML string的方法，
我的表格比较大
变量str 拼接起来会不会超出界限那？貌似是2亿，还是无限的。
sb.append("")

请各位大侠指点，有什么好方法。

表格里的1，都是从不同的表里读出来的，我已经归集到一张view里。



html代码是以下
中间tr的代码


<tr height="18">

    <td width="48" rowspan="3" align="middle" nowrap="nowrap"  class="STYLE1"><div align="center">南京</div></td>

    <td  rowspan="3" width="48"><p align="center" class="STYLE1">江宁区</p></td>

    <td  rowspan="3" width="49"><p align="center" class="STYLE1"><strong>43 </strong></p></td>

    <td  colspan="18"><p align="center" class="STYLE1"><strong>18 </strong></p></td>

    <td  colspan="9"><p align="center" class="STYLE1"><strong>9 </strong></p></td>

    <td  colspan="6"><p align="center" class="STYLE1"><strong>6 </strong></p></td>

    <td  colspan="3"><p align="center" class="STYLE1"><strong>3 </strong></p></td>

    <td  colspan="3"><p align="center" class="STYLE1"><strong>3 </strong></p></td>

    <td  colspan="4"><p align="center" class="STYLE1"><strong>4 </strong></p></td>

  </tr>

 

  <tr height="18">

     <td colspan="17" valign="middle" ><p align="center" class="STYLE4">17 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" align="middle" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td colspan="5" valign="middle" ><p align="center" class="STYLE4">5 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td colspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">1</p></td>

  </tr>

  

    <tr height="18">

  	<td  width="13"><p align="center" >1</p></td>

    <td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	

	

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

	<td  width="13"><p align="center" >1</p></td>

  </tr>

  

  

  <tr height="18">

    <td colspan="2" rowspan="3" align="middle" nowrap="nowrap"  class="STYLE1"><div align="center">

      <p>总计：</p>

      </div>      </td>

    <td  rowspan="3" width="49"><p align="center" class="STYLE1"><strong>86 </strong></p></td>

    <td  colspan="18"><p align="center" class="STYLE1"><strong>36</strong></p></td>

    <td  colspan="9"><p align="center" class="STYLE1"><strong>18 </strong></p></td>

    <td  colspan="6"><p align="center" class="STYLE1"><strong>12 </strong></p></td>

    <td  colspan="3"><p align="center" class="STYLE1"><strong>6 </strong></p></td>

    <td  colspan="3"><p align="center" class="STYLE1"><strong>6 </strong></p></td>

    <td  colspan="4"><p align="center" class="STYLE1"><strong>8 </strong></p></td>

  </tr>

 

  <tr height="18">

     <td colspan="17" valign="middle" ><p align="center" class="STYLE4">34</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" align="middle" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td colspan="5" valign="middle" ><p align="center" class="STYLE4">10 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td colspan="2" valign="middle" ><p align="center" class="STYLE4">4 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2 </p></td>

    <td width="24" rowspan="2" valign="middle" ><p align="center" class="STYLE4">2</p></td>

  </tr>

  

    <tr height="18">

  	<td  width="13"><p align="center" >2</p></td>

    <td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	

	

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

	<td  width="13"><p align="center" >2</p></td>

  </tr>
...全文
138 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
gordon1117 2011-10-22
  • 打赏
  • 举报
 回复
这个问题我已经实现，感谢wxr0323。我两种方法都可以实现。如果各列不变的话，直接reapter可以实现，跟如图效果一样。现实中，各列需要动态的增加或取消，所以最后用literl占位，后台拼接HTML自己画表格来实现动态HTML效果。
子夜__ 2011-09-01
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 gordon1117 的回复:]

图片在这里，竟然baidu屏蔽。
[/Quote]
可以考虑用Table控件布局。
gordon1117 2011-09-01
  • 打赏
  • 举报
 回复
图片在这里，竟然baidu屏蔽。
子夜__ 2011-09-01
  • 打赏
  • 举报
 回复
图挂了

静态页面

也可考虑伪静态
gordon1117 2011-09-01
  • 打赏
  • 举报
 回复
图片请拖拽一下看完整大图，或者右键另存为，或者属性贴地址。页面显示不了那么宽，没有搞缩略图抱歉。
使用Asp.net mvc + Linq + mvc_scaffold_gen_setup.exe 生成一个完整的家庭帐册大管家程序 之二...
前几天发过一篇blog:使用Asp.net mvc + Linq + mvc_scaffold_gen_setup.exe 生成一个完整的家庭帐册大管家程序 之一  在第一篇blog中，展示了使用Mvc_Scaffold_gen_setup.exe生成的Mvc代码，包括其中的一些错误。 ...
Reapter 添加删除按钮
repeater中的删除按钮和datagrid下的删除在实现上，还是有一定的区别的，由于repeater在客户端生成的html代码是非常干净的，所以特别受到众多web2.0网站的欢迎（不像datagrid生成的table），但是由于repeater集成...
.NET ASP.NET中的Repeater介绍
（*）实现IPageableItemContainer 接口的控件都可以使用DataPager进行分页，但是ASP.Net内置的控件目前只有ListView实现了这个接口。 DataPager中按钮显示风格由Fields中的字段设置，可以放置多个字段，分为...
十三、asp.net中Repeater控件用法笔记
大家可能都对datagrid比较熟悉，但是如果在数据量大的时候，我们就得...ASP.NET建立HTML代码以显示DataGrid控件，但Repeater允许开发人员决定如何显示数据。所以，你可以选择将数据显示在一个HTML表格中或者一个顺序...
ASP.Net Web中Repeater怎么删除指定行
使用OnItemCommand事件 首先附上相关的代码 <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand"> <ItemTemplate> <table> ...
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章