关于easyui的DataGrid Pagination请教

wzp24 发布于 2012/03/14 22:19
阅读 7K+
收藏 1

http://www.jeasyui.com/tutorial/datagrid/datagrid2_demo.html   (easyui的一个例子)
对于该链接打开有是一个分页正常的页面,比如说我点击每一页显示20条数据,它能够正常显示
起代码为:

 

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="jquery,ui,easy,easyui,web">
	<meta name="description" content="easyui help you build your web page easily!">
	<title>DataGrid Pagination - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
	<h2>DataGrid Pagination Demo</h2>
	<div class="demo-info" style="margin-bottom:10px">
		<div class="demo-tip icon-tip">&nbsp;</div>
		<div>Click the page bar to change page number or page size.</div>
	</div>
	
	<table id="tt" class="easyui-datagrid" style="width:700px;height:250px"
			url="datagrid2_getdata.php"
			title="Load Data" iconCls="icon-save"
			rownumbers="true" pagination="true">
		<thead>
			<tr>
				<th field="itemid" width="80">Item ID</th>
				<th field="productid" width="120">Product ID</th>
				<th field="listprice" width="80" align="right">List Price</th>
				<th field="unitcost" width="80" align="right">Unit Cost</th>
				<th field="attr1" width="200">Attribute</th>
				<th field="status" width="60" align="center">Stauts</th>
			</tr>
		</thead>
	</table>
</body>
</html>

于是我把原本这样的代码放到我本地上,当然把json数据放在同一个目录(上面命名为php的)然后打开测试页面,显示效果是一模一样的,这也是正常的。

可是不正常的是我的分页效果有问题,我点击下拉的20,应该显示20条数据,可是没有,而是当你点击下一页的时候,它跳到ID是20打头的记录。

其实这个问题不是我闲着无聊去摸索,而是我在用easyui最新版本的时候,我需要用到这个数据表格分页的,可是就出现了上面我说的问题。于是我才去官网找资料,于是发现一个正常的例子。我把例子放到我的本地(完全一致的代码),打开页面的效果确是不一样的分页效果。

正确的显示效果:

错误的显示效果:

我点击30后压根没显示30条记录,依旧是10条记录而已!!
求指点。用过easyui的或者对javascript比较熟悉的伙伴们给指点下,THANKS

加载中
0
Andre.Z
Andre.Z

拜托,别人的php是根据你的参数,动态给回数据的,你是把开始的json数据直接存了个静态页面,只是后缀改成php的吧。
你这样,无论怎么操作,后台给回的数据都是一样的,你认为结果会怎么样??

a
ayuwxf
+1
0
ZigzagV
ZigzagV

你说的这个url地址是需要有查询参数的,用Firefox仔细看下会看到点击下一页时POST了如下的数据,所以你需要对你的url数据地址传参。

order desc
page 2
rows 10
sort ColumnId
谭建纳
谭建纳
能修改这些参数吗?比如rows修改为pageSize,求指教!或者post相应的参数也有rows,ext能修改rows修改为resultList吗?
返回顶部
顶部