Jquery EasyUI combogrid 分页

最近自己研究了EasyUI combogrid,并实现的其分页。发现网上的资料很少，所以发一份自己的demo上来，这里只给出关键的代码。

效果：

前台JS：

$('#shopId').combogrid({
					panelWidth:400,
					idField:'id', //ID字段
				    textField:'name', //显示的字段
				    url:"management/commodityCheck/check_doShopsBySid",
				    fitColumns: true,
					striped: true,
					editable:true,
					pagination : true,//是否分页
					rownumbers:true,//序号
					collapsible:false,//是否可折叠的
					fit: true,//自动大小
					pageSize: 10,//每页显示的记录条数，默认为10
					pageList: [10],//可以设置每页记录条数的列表
					method:'post',
				    columns:[[
				        {field:'name',title:'店铺名称',width:150},
				        {field:'registtime',title:'注册时间',width:150}
				    ]]
				});

后台Action

private int page; //当前页,名字必须为page
private int rows ; //每页大小,名字必须为rows

private Map<String, Object> typeUsers;
/**
	 * AJAX 分页查询所有的供货商
	 */
public String findProducters() {
	typeUsers=userCheckSvc.findProducters(page,rows);
	return "combogridjson";
}

public Map<String, Object> getTypeUsers() {
	return typeUsers;
}
public int getPage() {
	return page;
}
public void setPage(int page) {
	this.page = page;
}
public int getRows() {
	return rows;
}
public void setRows(int rows) {
	this.rows = rows;
}

service实现层

@Override
public Map<String,Object> findProducters(int page,int rows) {
   Map<String,Object> result = new HashMap<String,Object>();
   List<User> productList = um.queryByType(page,rows);
   int count = um.totleQueryByType();
   result.put("total", count);
   result.put("rows", productList);  
}

struts配置

<!-- 商品审核 -->
<package name="commodityCheck" extends="wsfk-management" namespace="/management/commodityCheck">
	<action name="check_*" class="com.huaxin.shopping.management.commodity.CommodityCheckAction" method="{1}">
		<result name="combogridjson" type="json">
			<param name="root">shops</param>
		</result>
	</action>
</package>

总结：
1.在jquery.easyUI.js 要实现分页，必须在后台action中声明两个变量：page(当前第几页),rows(每页显示多少条信息),否者easyUI前台传递不了分页参数。这两个属性不能该名字，因为在easyUI里面定义死了。
2.返回的时候，要返回Map类型的,map结果集里面put两个属性：1.totle(总过有几页),2.rows(查询到的结果集)

评论

8 楼 haowanlisx 2012-10-27  

您好，请问为什么的翻页的那部分，直接把数据给盖住了，很宽很宽的

7 楼 joy_wu1984 2012-08-01  

你好，看了你的代码我获益匪浅，分页已经实现，但是有一个问题无法解决，通过combogrid的value属性可以设置select的默认值，但是当这个值不在第一页的时候就无法显示出来了，请问怎么能解决这个问题呢？

6 楼 abbqq12 2012-05-29  

abbqq12 写道

你好，小弟正在用这个做毕业设计。combogrid的下拉选项是从后台处获得，但是遇到一个问题，当数据源那边改变了的时候，怎么刷新ombogrid让它加载新的数据。

就好像datagrid提供一个load和reload的方法重新加载数据，但好像comboxgrid的方法不继承datagrid的方法，只继承了como。

5 楼 abbqq12 2012-05-29  

你好，小弟正在用这个做毕业设计。combogrid的下拉选项是从后台处获得，但是遇到一个问题，当数据源那边改变了的时候，怎么刷新ombogrid让它加载新的数据。

4 楼 辛金刚 2012-05-24  

辛金刚 写道

您好，我最近做项目想用这个插件， 测试总不能成功  请问可以把demon项目发给我参考么
QQ ：574328911
email: [e-mail]

已经搞定了 action 所在package需继承自json-default

3 楼 辛金刚 2012-05-24  

您好，我最近做项目想用这个插件， 测试总不能成功  请问可以把demon项目发给我参考么
QQ ：574328911
email: [e-mail]

2 楼 java_linkin 2012-04-23  

page 和 rows如何传值啊？

1 楼 binglinggongzhu 2012-02-14  

你好，我也在找这个相当的资料，实在是太少太少了，能发个相关文件的源码吗？
学习一下前台怎么写，怎么取值，后台如何传值。

[e-mail]

谢谢！