EasyUI之简单实现Datagrid分页(C#)

本文介绍如何使用EasyUI实现Datagrid分页功能,并提供了详细步骤及示例代码,适合初学者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

刚刚开始学着用EasyUI,有兴趣的TX可以去http://www.jeasyui.com/看一下,当然很多人都知道,不是什么新鲜的东西;

这两天在学着用各种控件,花了一下午才把Datagrid的增删改等等一些操作才弄明白(脑袋瓜太笨了,o(∩_∩)o ),下面我们主要来看下

分写,增删改各位老大哥们早就发的到处都是了,对于.net的分页说的就少些,所以我也出来练练笔,。。。。

入正题:

1.前台

 1  $('#dg').datagrid({
 2 
 3                 url: 'Handler2.ashx',
 4                 pagination: true,
 5                 rownumbers: true, 
 6                 pageNumber: 1,
 7                 pageSize:10,
 8                 pageList:[10,20,50],
 9                 
10                 columns: [[
11         { field: 'Id', title: '编号', width: 100 },
12         { field: 'ProName', title: '省', width: 100 },
13         { field: 'CityName', title: '城市', width: 100 },
14         { field: 'Grade', title: '等级', width: 100 }
15     ]]
16 
17             });
-----------------------------------------------------------

 <table id="dg"></table>

应为主要说分页,所以别的属性什么的我就不写了,这样看起来更简单些,下面来看看这张图,你就明白了吧,o(∩_∩)o 

后台:

1             //获取城市列表数据(当前页,每页显示条数)
2             List<City> list = GetData.Getlist(int.Parse(context.Request.Params["page"]), int.Parse(context.Request.Params["rows"]));
3             //获取信息总条数
4             int num = GetData.GetNum();
5             PageObject page = new PageObject { total = num, rows = list };
6             //返回json格式数据
7             context.Response.Write(ObjectToJSON(page));
 1         /// <summary>
 2         /// 对象转JSON
 3         /// </summary>
 4         /// <param name="obj">对象</param>
 5         /// <returns>JSON格式的字符串</returns>
 6         public static string ObjectToJSON(object obj)
 7         {
 8             JavaScriptSerializer jss = new JavaScriptSerializer();
 9             try
10             {
11                 return jss.Serialize(obj);
12             }
13             catch (Exception ex)
14             {
15 
16                 throw new Exception("JSONHelper.ObjectToJSON(): " + ex.Message);
17             }
18         }
还有你要排序的话,再给他传递参数就行

如果还想更多操作,那就自己去挖掘吧,
至于后台数据库连接获取,数据我想那个就不用我写了,不知道的度娘知道的很多,可以问她去
posted on 2012-07-27 20:25 鲁班门前弄斧 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/y-jp/archive/2012/07/27/2612404.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值