JavaScript生成表格有关问题
日期：2014-05-16 浏览次数：20968 次
JavaScript生成表格问题
像这样的一个表格怎么生成，数据是从数据库读出。产品包括子产品，每个子产品还对应多个序列号。
产品还有可能有多个，不是只有产品一，而且数量是不确定的，需要动态生成。
------解决方案--------------------
方法1.在页面代码中插入服务端代码，遍历服务端数组生成初始html，比较简单，推荐
方法2.将数据用json格式传递到客户端，客户端用js动态生成表格的行列，建议使用jquery，这样操作html简单些并且兼容性比较好
------解决方案--------------------
这个要用table的话不太好生成哦。建议用div或者ul，li什么的结构很清晰就方便遍历了。
------解决方案--------------------
写死的，如果需要提方法再说
像这样的一个表格怎么生成，数据是从数据库读出。产品包括子产品，每个子产品还对应多个序列号。
产品还有可能有多个，不是只有产品一，而且数量是不确定的，需要动态生成。
------解决方案--------------------
方法1.在页面代码中插入服务端代码，遍历服务端数组生成初始html，比较简单，推荐
方法2.将数据用json格式传递到客户端，客户端用js动态生成表格的行列，建议使用jquery，这样操作html简单些并且兼容性比较好
------解决方案--------------------
这个要用table的话不太好生成哦。建议用div或者ul，li什么的结构很清晰就方便遍历了。
<!--foreach 产品-->
<div>
<div>产品一</div>
<div>
<!--foreach 子产品-->
<div>子产品</div>
<div>
<!--foreach 序列号-->
<div>序列号</div>
<!--foreach 序列号 end-->
</div>
<!--foreach 子产品 end-->
</div>
</div>
这中结构就可以的。至于样式，楼主就自己写吧。
<!--foreach 产品 end-->
------解决方案--------------------
写死的，如果需要提方法再说
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var data = [
{
name:'a',
child:[
{name:'a1', child:[
{name:'a11'},
{name:'a12'}
]},
{name:'a2', child:[
{name:'a21'},
{name:'a22'},
{name:'a23'}
]}
]
},
{
name:'b',
child:[
&nb
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
