jquery GridView asp.net 分页代码,JS代码库,德仔网

代码语言

代码分类

【JS】 jquery GridView asp.net 分页

作者:hyh834773759 / 发布于2013/10/23/ 519


	//datagrid初始化
	 $('#list_data').datagrid({
	 title: '文章列表',
	 iconCls: 'icon-edit', //图标
	 width: 800,
	 loadMsg: '我很努力的在加载哦...',
	 height: 'auto',
	 fitColumns: true,
	 nowrap: false,
	 rownumbers: false,
	 showFooter: true,
	 rownumbers: true,
	 singleSelect:true,
	 toolbar: [{
	 text: '详细',
	 iconCls: 'icon-edit',
	 handler: function () {
	 Info();
	 }
	 }, '-', {
	 text: '删除',
	 iconCls: 'icon-remove',
	 handler: function () {
	 delAppInfo();
	 }
	 }, '-', {
	 text: '搜索',
	 iconCls: 'icon-search',
	 handler: function () {
	 $("#search").toggle();

	 }
	 }, '-', {
	 text: '重新载入',
	 iconCls: 'icon-sum',
	 handler: function () {
	 $("#search").hide();
	 $.post('/Sys_Comment/ArticleList', function () {
	 $('#list_data').datagrid('load');
	 });
	 }
	 }],
	 pagination: true,
	 onDblClickRow:function(rowIndex,rowData){
	 window.location.href = '/Sys_Comment/CommentList?articleid=' + rowData.fid;
	 }
	 });
	 var p = $('#list_data').datagrid('getPager');
	 $(p).pagination({
	 pageSize: 10, //每页显示的记录条数，默认为10
	 pageList: [5, 10, 20], //可以设置每页记录条数的列表
	 beforePageText: '第', //页数文本框前显示的汉字
	 afterPageText: '页 共 {pages} 页',
	 displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
	 });
	 })

	页面：
	<table id="list_data" cellspacing="0" cellpadding="0" url="/Sys_Comment/GetListJson">
	 <thead>
	 <tr>
	 <th field="fid" width="40">ID</th>
	 <th field="title" width="300">标题</th>
	 <th field="time" width="200">发布时间</th>
	 <th field="last" width="200">最后回复时间</th>
	 <th field="type" width="80">栏目</th>
	 <th field="nums" width="50">回复数</th>
	
	 </tr>
	 </thead>
	 </table>

	控制器：
	 [HttpPost]
	 public void GetListJson()
	 {
	 int page = int.Parse(Request["page"]);
	 int rows = int.Parse(Request["rows"]);
	 int num = listMode.Count < page * rows ? listMode.Count - (page - 1) * rows : rows;
	 List<ArticleModel> list = listMode.GetRange((page - 1) * rows, num);
	 StringBuilder builder = new StringBuilder("{" + "'total':" + listMode.Count + ",'rows':[");
	 foreach (ArticleModel mode in list)
	 {
	 builder.Append("{");
	 builder.Append(string.Format("'fid':'{0}','title':'{1}','time':'{2}','type':'{3}','nums':'{4}','last':'{5}'", mode.ID, mode.Title, mode.Time, mode.Type, mode.Num,mode.LastReply));
	 builder.Append("},");
	 }

	 builder.Remove(builder.Length - 1, 1);
	 builder.Append("]}");
	 builder.Replace("'", "\"");
	 builder.Replace("/", "-");
	 Response.Write(builder);

	 }
	其实GridView 点击下一页 或者指定的页码 都会向服务端Post 一个请求 传了两个参数：page rows 更具这两个参数 服务器重新发送下指定范围的数据 就实现了分页

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　GridView　

同语言下

可能有用的

hyh834773759贡献的其它代码(1)

.jquery GridView asp.net 分页