根据JSON数据,自动生成Table
2016-11-08 09:22
465 查看
jquery扩展
根据JSON数据,自动生成简单的Html Table.
因为项目要求,所以写了这个示例.顺便放到博客上来!
下载
根据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); };
下载
相关文章推荐
- [jQuery插件开发][dynamicTable2.0]根据JSON数据自动生成HTML Table
- 根据JSON数据,自动生成Table
- 根据JSON数据,自动生成Table
- jsp页面根据json数据动态生成table
- 利用在线工具根据JSon数据自动生成对应的Java实体类
- jsp页面根据json数据动态生成table
- 根据中国天气网,自动定位获得当地天气(数据是JSON的)---不过这个接口貌似不更新了
- EasyUI_tree根据数据库数据生成树形结构JSON格式
- Json数据异步绑定到界面的Table并且自动刷新原理及代码
- 【原创分享】django-m2doc, 自动根据project下的所有models生成数据表结构文档.
- dwz根据json数据动态生成树
- 初探原生js根据json数据动态创建table
- 根据库中的表自动生成数据字典的T-SQL脚本 ---转
- http://hi.baidu.com/xckouy/item/c6b6024fcafc2bac61d7b9d5 java根据模板自动生成文档数据换行操作
- 根据Sql表格数据自动生成InsertInto的SP(spRD_AutoGenInsertSql)
- 初探原生js根据json数据动态创建table
- 根据数据自动生成SQL代码(基于企业库)
- ASP.NET基础教程-Web 自定义控件的使用-根据属性值从数据库中提取数据并在页面上自动生成一个表格
- Json数据异步绑定到界面的Table并且自动刷新
- Json数据异步绑定到界面的Table并且自动刷新