javascript怎么实现这样的逻辑
日期：2014-05-17 浏览次数：20510 次
javascript如何实现这样的逻辑?
var json = [
{"城市":"北京","面积":16800,"人口":1600},
{"城市":"上海","面积":6400,"人口":1800},
{"城市":"广州","面积":3400,"人口":3400},
{"城市":"杭州","面积":3900,"人口":6500},
{"城市":"福州","面积":2100,"人口":2200},
{"城市":"深圳","面积":4600,"人口":12000},
{"城市":"温州","面积":500,"人口":5700}
]
以上是模拟的json数据
一页，只能显示3条记录(PageSize=3)
以以上的json记录，知道有3页(pageCount=3)
再有三个控制的按钮，值分别为1 2 3
想实现的是，js怎么样实现，当页数在第一页的时候(即: 北京- 上海 - 广州)显示，而后单击了按钮值为1的那个按钮.
再单击下一页(pageIndex=2)的时候，只向后取一条数据显示,跟之前的3条数据减去最初的第一条(即:上海 - 广州 - 杭州)?
------解决方案--------------------
jQuery.grep过滤下
------解决方案--------------------
var json = [
{"城市":"北京","面积":16800,"人口":1600},
{"城市":"上海","面积":6400,"人口":1800},
{"城市":"广州","面积":3400,"人口":3400},
{"城市":"杭州","面积":3900,"人口":6500},
{"城市":"福州","面积":2100,"人口":2200},
{"城市":"深圳","面积":4600,"人口":12000},
{"城市":"温州","面积":500,"人口":5700}
]
以上是模拟的json数据
一页，只能显示3条记录(PageSize=3)
以以上的json记录，知道有3页(pageCount=3)
再有三个控制的按钮，值分别为1 2 3
想实现的是，js怎么样实现，当页数在第一页的时候(即: 北京- 上海 - 广州)显示，而后单击了按钮值为1的那个按钮.
再单击下一页(pageIndex=2)的时候，只向后取一条数据显示,跟之前的3条数据减去最初的第一条(即:上海 - 广州 - 杭州)?
------解决方案--------------------
jQuery.grep过滤下
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
var json = [
{"城市":"北京","面积":16800,"人口":1600},
{"城市":"上海","面积":6400,"人口":1800},
{"城市":"广州","面积":3400,"人口":3400},
{"城市":"杭州","面积":3900,"人口":6500},
{"城市":"福州","面积":2100,"人口":2200},
{"城市":"深圳","面积":4600,"人口":12000},
{"城市":"温州","面积":500,"人口":5700}
];
function doLoad2()
{
document.getElementById("city").innerHTML=json[0].城市+"-"+json[1].城市+"-"+json[2].城市;
document.getElementById("inputText").value=0;
}
function doShow(i)
{
var a=document.getElementById("inputText").value;
if(i==0)
{
if(a=="0")
{
return ;
}
var b=a*1+1*1;
var c=a*1+2*1;
document.getElementById("city").innerHTML=json[a].城市+"-"+json[b].城市+"-"+json[c].城市;
a--;
document.getElementById("inputText").value=a;
}
if(i==1)
{
if(a==(json.length-3))
{
return;
}
var b=a*1+1*1;
var c=a*1+2*1;
document.getElementById("city").innerHTML=json[a].城市+"-"+json[b].城市+"-"+json[c].城市;
a++;
document.getElementById("inputText").value=a;
}
}
</script>
</head>
<body onload="doLoad2()">
<input type="hidden" value="0" id="inputText" />
<div i
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
