easyui表格后台排序

亦凉 2021-09-28 14:20 358阅读 0赞

引用

jquery-easyui-1.7.0/themes/gray/easyui.css
    jquery-easyui-1.7.0/jquery.easyui.min.js

column中设置排序

{field:'userName',title:'名称',sortable:true}

参数中加上

remoteSort:true

使用loader加载数据

loader:function(param,success_easyui,error){

其中，param参数中含有排序参数  
param.sort  
param.order  
就算不处理，框架本身也会向后台传这两个参数

把代码整理一下

var opt = { 
    			singleSelect:true,                           
    	        method:'post',
    	        remoteSort:true,	//后台排序
    			columns:[[
    					{ field:'loginId',title:'id',sortable:true}
        			]],
    	        fit:true,
    	        fitColumns:true,
    	        pagination:true,
    	        pageSize:10,
    	        pageList:[10,20,50,100,200],
    		    loader:function(param,success_easyui,error){ 
    				
    				alert(param.sort + " _ " + param.order);
    	    		
    	        	jQuery.ajax({ 
    	        		url:url,
    	        		type:'post',
    	        		data:{ },
    	        		dataType: "json",
    	        		success:function(result) { 
    	        			
    	    	        	success_easyui({ 
    							total: result.totalRows,
    							rows: result.data
    						});
    	    	        	
    	    		    	jQuery(that).datagrid("getPager").pagination("refresh",{ 
    	                		total:result.totalRows
    	                	});
    	    		    	
    	            	}
    	        	});		
    		    	
    		    }
    		};
    		
    		jQuery("#dg").datagrid(opt);

还有一点分页的代码，就这样吧。。

发表评论取消回复

表情：

评论列表（有 0 条评论，358人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyui 表格使用简述

周公司临时给我安排了一个活，开发基于easyui前端框架和java后端的项目的部分功能，对easyui有了初步的了解，特在此分享一下。 ----------------...

红太狼/ 2024年04月17日 22:25/ 0 赞/ 27 阅读

相关表格排序

1、li排序：所用的基础知识：appendChild()方法的使用 <!DOCTYPE html> <html> <head>

谁借莪１个温暖的怀抱￠/ 2024年02月17日 23:07/ 0 赞/ 14 阅读

相关 EasyUI设置表格字体颜色

EasyUI设置表格列数据颜色 \{field:'',title:'',width:100,align:"center", formatter:function(va

﹏ヽ暗。殇╰゛Y/ 2022年06月08日 23:59/ 0 赞/ 642 阅读

相关使用easyUI数据表格生成子表格

"自去自来堂前燕,相亲相近水中鸥" 使用easyUI时,难免会遇到各种刁难的问题.比如在数据表格中生成子表格.像这种效果. ![效果图][SouthEast] 那么这

川长思鸟来/ 2022年06月06日 00:50/ 0 赞/ 560 阅读

相关 easyui datagrid 后台分页+排序

一、jsp页面定义table <div><table id="dg"></table></div> 二、js页面加载table $(function ()

男娘i/ 2022年05月24日 06:11/ 0 赞/ 340 阅读

相关 easyui树表格制作

var newdata_ = [data.grid]; findData(newdata_); treegrid({ id:""+

快来打我*/ 2022年05月21日 03:37/ 0 赞/ 230 阅读

相关 EasyUI实现表格分页

1.官网下载EasyUI地址：[http://www.jeasyui.com/download/list.php][http_www.jeasyui.com_download_

迷南。/ 2022年05月18日 23:14/ 0 赞/ 297 阅读

相关 easyui相关表格操作

1获取选择行 var rows = $('\tt').datagrid('getSelected'); 2获取所在行function getRowIndex(target)

阳光穿透心脏的1/2处/ 2022年01月10日 08:39/ 0 赞/ 307 阅读

相关 easyui表格后台排序

引用 jquery-easyui-1.7.0/themes/gray/easyui.css jquery-easyui-1.7.0/jquery.easyui

亦凉/ 2021年09月28日 14:20/ 0 赞/ 359 阅读

相关 easyui表格后台分页

直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti

左手的ㄟ右手/ 2021年09月28日 12:08/ 0 赞/ 432 阅读