根据JSON数据,自动生成Table
来源:互联网 发布:暖气片 知乎 编辑:程序博客网 时间:2024/04/30 02:59
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); };
下载
0 0
- 根据JSON数据,自动生成Table
- 根据JSON数据,自动生成Table
- jsp页面根据json数据动态生成table
- jsp页面根据json数据动态生成table
- jsp页面根据json数据动态生成table
- Jquery根据JSON生成Table
- jquery 根据json 二维数组生成table
- 自动根据json字符串生成javabean类
- Android Studio根据Json自动生成JavaBean
- 读取json数据并动态生成table
- Javascript根据后台传过来的JSON生成TABLE
- php根据数据id自动生成编号
- Ajax下手动打包json格式,自动生成Table
- 代码工具1. 自动根据json字符串生成javabean类
- AndroidStudio插件GsonFormat:根据Json自动生成JavaBean
- AndroidStudio插件GsonFormat:根据Json自动生成JavaBean
- AndroidStudio插件GsonFormat:根据Json自动生成JavaBean
- AndroidStudio插件GsonFormat:根据Json自动生成JavaBean
- 移动TFS中的解决方案的具体步骤
- 使用easyUI的Tree实现授权功能
- JS操作JSON总结
- 菜鸟入门C#(四)
- cpp5.1
- 根据JSON数据,自动生成Table
- Bootstrap 模态对话框只加载一次 remote 数据的解决办法
- 线程加锁this详解
- 按钮点击事件的四种写法
- heap表按字符串和数值型排序规则
- 一天一条Linux指令-rm
- 【leetcode 343】Integer Break
- Android音频处理——通过AudioRecord去保存PCM文件进行录制,播放,停止,删除功能
- Hadoop 2.x分布式集群部署