根据JSON数据,自动生成Table
2012-02-07 21:45
761 查看
不好意思,献丑了,好久没有发文章了.
jquery扩展
根据JSON数据,自动生成简单的Html Table.
因为项目要求,所以写了这个示例.顺便放到博客上来!
下载
jquery扩展
根据JSON数据,自动生成简单的Html Table.
因为项目要求,所以写了这个示例.顺便放到博客上来!
jQuery.fn.MakeTable = function (objColumn, objData, objClassName, RowClick) { //样式 $(this).attr("class", objClassName); var sHtml = ""; sHtml += "<thead>"; var sTrHtml = "<tr>"; $.each(objColumn, function (i) { sTrHtml += "<th "; sTrHtml += "style=\"width:" + objColumn[i].Width.toString() + "px\""; sTrHtml += ">"; sTrHtml += objColumn[i].ColumnName; sTrHtml += "</th>"; }); sTrHtml += "</tr>"; sHtml += sTrHtml + "</thead>"; sHtml += "<tbody>"; $.each(objData, function (i) { sTrHtml = "<tr"; if (RowClick != null && RowClick != undefined) { //alert(RowClick); sTrHtml += " onclick=\"CheckRow(this," + RowClick + ")\""; } sTrHtml += ">"; var objTr = objData[i]; for (x in objTr) { sTrHtml += "<td style=\""; var objLinqData = jLinq.from(objColumn).equals("DataId", x).take()[0]; sTrHtml += "text-align:" + objLinqData.DataAlign + ";"; sTrHtml += "\" "; if (objLinqData.OnClick != null) { sTrHtml += " onclick=\"" + objLinqData.OnClick + "\""; } sTrHtml += ">"; if (objLinqData.Format != null) { sTrHtml += objLinqData.Format(objTr[x]); } else { sTrHtml += objTr[x]; } sTrHtml += "</td>"; //alert(x); } // sTrHtml += objData[i]. sTrHtml += "</tr>"; sHtml += sTrHtml; }); sHtml += "</tbody>"; //alert(sHtml); // $("#" + sId + " > tbody:last").append(sTrHtml); var sId = this[0].id; $("#" + sId).append(sHtml); };
下载
相关文章推荐
- 根据JSON数据,自动生成Table
- [jQuery插件开发][dynamicTable2.0]根据JSON数据自动生成HTML Table
- 根据JSON数据,自动生成Table
- 利用在线工具根据JSon数据自动生成对应的Java实体类
- jsp页面根据json数据动态生成table
- jsp页面根据json数据动态生成table
- 根据json数据生成建表脚本的解决方案
- Json数据异步绑定到界面的Table并且自动刷新原理及代码
- 自动根据json字符串生成javabean类
- Flex根据后台的数据自动生成AdvancedDataGrid
- js+jquery根据json数据生成表格 及 表格和按钮CSS代码
- 根据库中的表自动生成数据字典的T-SQL脚本
- 根据Hibernate实体对象,自动生成数据字典
- 跟我一起学extjs5(35--单个模块的设计[3根据类的标注自动生成数据])
- 代码工具1. 自动根据json字符串生成javabean类
- http://hi.baidu.com/xckouy/item/c6b6024fcafc2bac61d7b9d5 java根据模板自动生成文档数据换行操作
- mybatis 根据 数据库表 自动生成 实体 并自动生成中文注释
- JSP类似购物车根据后台数据自动生成一行商品,点击按钮实现数量价格自动增加
- 根据库中的表自动生成数据字典的T-SQL脚本 ---转
- 提供了根据表中的数据自动生成insert语句的数据库包,还提供了一些简单的工具