Jquery + Json 前台Table动态分页
本table中的数据是Jquery调用后台代码组装成Json对象传给前台,由前台JSP页面解析JSON而动态生成的。现在需要前台对这些数据分页。求Jquery和JsonT...
本table中的数据是Jquery 调用后台代码 组装成Json对象传给前台,由前台JSP 页面解析JSON而动态生成的。现在需要前台对这些数据分页。
求Jquery 和Json Table前台分页实例或者概要步骤描述。
注意：TABLE的数据行是动态生成的不是一开始写死了的，而且是针对JAVA和JSP的。
我自己尝试了哈网上的 jquery.tablesorter.js 和 jquery.tablesorter.pager.js 但是发现不行
数据(因为数据很少)是已经一次性从底层读出来封装成JSON对象传递给前台JSP并填充到TABLE中了的。
难道没有人知道么？？ 已经加分至100了。
现在已经解决了问题，新的问题是“var mytable = document.getElementById("routeTable");
var newrow = mytable.insertRow(-1);
var td1 = newrow.insertCell(-1);
Table的thead可以事先写死，但是JS怎么动态插入tbody呢？
最后要生成的效果是
<table>
<thead><tr><td></td></tr></thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>”
因为我前台数据是动态由jquery+json 在前台生成的，每页只显示8行，所以要自己一次性把数据独到前台前台再分页。用的是网上找的jquery.tablesorter.pager.js分页方式，但这个方式需要用到tbody，所以。。。。
现在要解决的问题是 “我要在插入tr之前插入一个tbody”------即插入tbody，然后在tbody里面插入tr..... （提示：不用append方法） 展开
求Jquery 和Json Table前台分页实例或者概要步骤描述。
注意：TABLE的数据行是动态生成的不是一开始写死了的，而且是针对JAVA和JSP的。
我自己尝试了哈网上的 jquery.tablesorter.js 和 jquery.tablesorter.pager.js 但是发现不行
数据(因为数据很少)是已经一次性从底层读出来封装成JSON对象传递给前台JSP并填充到TABLE中了的。
难道没有人知道么？？ 已经加分至100了。
现在已经解决了问题，新的问题是“var mytable = document.getElementById("routeTable");
var newrow = mytable.insertRow(-1);
var td1 = newrow.insertCell(-1);
Table的thead可以事先写死，但是JS怎么动态插入tbody呢？
最后要生成的效果是
<table>
<thead><tr><td></td></tr></thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>”
因为我前台数据是动态由jquery+json 在前台生成的，每页只显示8行，所以要自己一次性把数据独到前台前台再分页。用的是网上找的jquery.tablesorter.pager.js分页方式，但这个方式需要用到tbody，所以。。。。
现在要解决的问题是 “我要在插入tr之前插入一个tbody”------即插入tbody，然后在tbody里面插入tr..... （提示：不用append方法） 展开
展开全部
就是和JSP，php等的分页差不多呀，不过用JAVASCRIPT时间罢了。
要知道当前是第几页，共有多少条记录，每页几条就差不多了。
不过话说回来，你这个方法不太好吧？如果无理解错你的意思是先把全部数据都读出来，再在前台用jquery处理分页显示？如果是这样的话，可能会浪费不少哦，比如数据库有1W条记录的话，一次过全部读出来就很浪费了，也没几个人会翻1千页吧？如果是的话那这个方法还行。
要知道当前是第几页，共有多少条记录，每页几条就差不多了。
不过话说回来，你这个方法不太好吧？如果无理解错你的意思是先把全部数据都读出来，再在前台用jquery处理分页显示？如果是这样的话，可能会浪费不少哦，比如数据库有1W条记录的话，一次过全部读出来就很浪费了，也没几个人会翻1千页吧？如果是的话那这个方法还行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你和我做的差不多
in <html>
<table id="text">
</table>
其他的我都是动态生成的
in Javascript:
var tblHead="<thead> <th>...</th></thead>";
var tblRow =“<tbody>”;
//here insert JSON objects into each row by a look or by Jquery.each()
tblRow+= .....;
// end of the loop
tblRow+="</tbody>";
$(tblHead).appendTo("#test");
$(tblRow).appendTo("resultsTable tbody");
ps: 如果之后还要对contents有改动 那么后面的method需要和上面的写在一个function里 因为是动态的 我调用了Jquery libray $ 省去了documents.getElementById (getElementTagName)因为上手就是用的这个
in <html>
<table id="text">
</table>
其他的我都是动态生成的
in Javascript:
var tblHead="<thead> <th>...</th></thead>";
var tblRow =“<tbody>”;
//here insert JSON objects into each row by a look or by Jquery.each()
tblRow+= .....;
// end of the loop
tblRow+="</tbody>";
$(tblHead).appendTo("#test");
$(tblRow).appendTo("resultsTable tbody");
ps: 如果之后还要对contents有改动 那么后面的method需要和上面的写在一个function里 因为是动态的 我调用了Jquery libray $ 省去了documents.getElementById (getElementTagName)因为上手就是用的这个
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个中效果建议直接使用jmesa框架来完成
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你得改写函数，规定好了多少行换页
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
