[原创]用javascript实现dataGrid表头排序

最新推荐文章于 2022-08-18 16:44:32 发布
最新推荐文章于 2022-08-18 16:44:32 发布
阅读量1.7k 收藏
点赞数
分类专栏： asp.net 文章标签： datagrid javascript function shell date border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mail_ricklee/article/details/281795
版权

#region 声明
//----------------------------------------------------------------------
//
//
// 作者: 李淼（Nick.Lee）
//
// 用javascript实现dataGrid表头排序
// boyorgril@msn.com
//
//----------------------------------------------------------------------
#endregion

javascript代码
<script type="text/javascript"> var curObj; var shell=1; function sortTable(L) { var start=new Date() var i; var theRows=new Array(); for(i=1;i<DataGrid1.rows.length;i++) { theRows[i-1]=new Array(DataGrid1.rows[i].cells[L].innerText.toLowerCase(),DataGrid1.rows[i].outerHTML); //alert(DataGrid1.rows[i].cells[L].innerText.toLowerCase()); //alert(DataGrid1.rows[i].outerHTML); } if (shell==1){ shell=2; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/down.gif" >' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows1); // break; case 4,5: theRows.sort(sortRows2); break; default: theRows.sort(sortRows); } } else{ shell=1; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/up.gif">' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows11); // break; case 4,5: theRows.sort(sortRows22); break; default: theRows.sort(sortRows0); } } var str='' for(i=0;i<theRows.length;i++) { str+=theRows[i][1]; } DataGrid1.outerHTML='<table border="0" cellPadding="-1" cellSpacing="0" BorderColor="White" width="100%" bordercolor="#ffffff" name="DataGrid1" id="DataGrid1">'+DataGrid1.rows[0].outerHTML+str+'</table>' curObj=null; //alert(new Date()-start) return ; } //降序－－－－－－－－－－－－－－－－－－－ function sortRows(x,y) { if(x[0]>y[0]) return -1; else if(x[0]<y[0]) return 1; else return 0; } function sortRows1(x,y) { if(parseInt(x[0])>parseInt(y[0])) return -1; else if(parseInt(x[0])<parseInt(y[0])) return 1; else return 0; } function sortRows2(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa>bb) return -1; else if(aa<bb) return 1; else return 0; } //end 降序－－－－－－－－－－－－－－－－－－－－－ //升序－－－－－－－－－－－－－－－－－－ － function sortRows0(x,y) { if(x[0]<y[0]) return -1; else if(x[0]>y[0]) return 1; else return 0; } function sortRows11(x,y) { if(parseInt(x[0])<parseInt(y[0])) return -1; else if(parseInt(x[0])>parseInt(y[0])) return 1; else return 0; } function sortRows22(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa<bb) return -1; else if(aa>bb) return 1; else return 0; } //end 升序－－－－－－－－－－－－－－－－－－－－－ function ReplaceAll(s,s1,s2){ //把s种的s1全部替换成s2 var i; s=""+s; i=s.indexOf(s1); if(i!=-1) return s.substr(0,i)+s2+ReplaceAll(s.substr(i+s1.length,s.length-i-s1.length),s1,s2); else return s; } </script><script language="javascript" type="text/javascript"> function slt_all() { for(var i=2;i<=document.getElementById('DataGrid1').rows.length;i++) { document.getElementById('DataGrid1__ctl'+i+'_chkDel').checked = document.getElementById('chkAll').checked; } } </script> <script>
var curObj;
var shell=1;
function sortTable(L) {
 var start=new Date()
var i;
var theRows=new Array();
for(i=1;i<DataGrid1.rows.length;i++) {
 theRows[i-1]=new Array(DataGrid1.rows[i].cells[L].innerText.toLowerCase(),DataGrid1.rows[i].outerHTML);
 //alert(DataGrid1.rows[i].cells[L].innerText.toLowerCase());
 //alert(DataGrid1.rows[i].outerHTML);
 }
if (shell==1){
shell=2;
//window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/down.gif" >'
 switch(parseInt(L)){
 //case 7:
 // theRows.sort(sortRows1);
 // break;
 case 4,5:
  theRows.sort(sortRows2);
  break;
 default:
  theRows.sort(sortRows);
 }
}
else{
shell=1;
//window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/up.gif">'
 switch(parseInt(L)){
 //case 7:
 // theRows.sort(sortRows11);
 // break;
 case 4,5:
  theRows.sort(sortRows22);
  break;
 default:
  theRows.sort(sortRows0);
 }
}
var str=''
for(i=0;i<theRows.length;i++) {
 str+=theRows[i][1];
 }
DataGrid1.outerHTML='<table border="0" cellPadding="-1" cellSpacing="0" BorderColor="White" width="100%" bordercolor="#ffffff" name="DataGrid1" id="DataGrid1">'+DataGrid1.rows[0].outerHTML+str+'</table>'
curObj=null;
//alert(new Date()-start)
return ;
}
//降序－－－－－－－－－－－－－－－－－－－
function sortRows(x,y) {
  if(x[0]>y[0]) return -1;
  else if(x[0]<y[0]) return 1;
  else return 0;
}
function sortRows1(x,y) {
  if(parseInt(x[0])>parseInt(y[0])) return -1;
  else if(parseInt(x[0])<parseInt(y[0])) return 1;
  else return 0;
}
function sortRows2(x,y) {
  aa=ReplaceAll(x[0],"/","-")
  bb=ReplaceAll(y[0],"/","-")
  if(aa>bb) return -1;
  else if(aa<bb) return 1;
  else return 0;
}
//end 降序－－－－－－－－－－－－－－－－－－－－－
//升序－－－－－－－－－－－－－－－－－－ －
function sortRows0(x,y) {
  if(x[0]<y[0]) return -1;
  else if(x[0]>y[0]) return 1;
  else return 0;
}
function sortRows11(x,y) {
  if(parseInt(x[0])<parseInt(y[0])) return -1;
  else if(parseInt(x[0])>parseInt(y[0])) return 1;
  else return 0;
}
function sortRows22(x,y) {
  aa=ReplaceAll(x[0],"/","-")
  bb=ReplaceAll(y[0],"/","-")
  if(aa<bb) return -1;
  else if(aa>bb) return 1;
  else return 0;
}
//end 升序－－－－－－－－－－－－－－－－－－－－－

function ReplaceAll(s,s1,s2){
 //把s种的s1全部替换成s2
 var i;
 s=""+s;
 i=s.indexOf(s1);
 if(i!=-1)
  return s.substr(0,i)+s2+ReplaceAll(s.substr(i+s1.length,s.length-i-s1.length),s1,s2);
 else
  return s;
}
  </script>
  <script language="javascript">
  function slt_all()
  {
   for(var i=2;i<=document.getElementById('DataGrid1').rows.length;i++)
   {
    document.getElementById('DataGrid1__ctl'+i+'_chkDel').checked = document.getElementById('chkAll').checked;
   }
  }
  </script>
后台代码
private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
         if(e.Item.ItemType==ListItemType.Header)
   {
    for(int i=0;i<e.Item.Cells.Count;i++)
    {
     e.Item.Cells[i].Attributes["onClick"]="javascript:sortTable("+i+")";

    }
   }
  }

<script type="text/javascript"> var curObj; var shell=1; function sortTable(L) { var start=new Date() var i; var theRows=new Array(); for(i=1;i<DataGrid1.rows.length;i++) { theRows[i-1]=new Array(DataGrid1.rows[i].cells[L].innerText.toLowerCase(),DataGrid1.rows[i].outerHTML); //alert(DataGrid1.rows[i].cells[L].innerText.toLowerCase()); //alert(DataGrid1.rows[i].outerHTML); } if (shell==1){ shell=2; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/down.gif" >' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows1); // break; case 4,5: theRows.sort(sortRows2); break; default: theRows.sort(sortRows); } } else{ shell=1; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/up.gif">' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows11); // break; case 4,5: theRows.sort(sortRows22); break; default: theRows.sort(sortRows0); } } var str='' for(i=0;i<theRows.length;i++) { str+=theRows[i][1]; } DataGrid1.outerHTML='<table border="0" cellPadding="-1" cellSpacing="0" BorderColor="White" width="100%" bordercolor="#ffffff" name="DataGrid1" id="DataGrid1">'+DataGrid1.rows[0].outerHTML+str+'</table>' curObj=null; //alert(new Date()-start) return ; } //降序－－－－－－－－－－－－－－－－－－－ function sortRows(x,y) { if(x[0]>y[0]) return -1; else if(x[0]<y[0]) return 1; else return 0; } function sortRows1(x,y) { if(parseInt(x[0])>parseInt(y[0])) return -1; else if(parseInt(x[0])<parseInt(y[0])) return 1; else return 0; } function sortRows2(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa>bb) return -1; else if(aa<bb) return 1; else return 0; } //end 降序－－－－－－－－－－－－－－－－－－－－－ //升序－－－－－－－－－－－－－－－－－－ － function sortRows0(x,y) { if(x[0]<y[0]) return -1; else if(x[0]>y[0]) return 1; else return 0; } function sortRows11(x,y) { if(parseInt(x[0])<parseInt(y[0])) return -1; else if(parseInt(x[0])>parseInt(y[0])) return 1; else return 0; } function sortRows22(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa<bb) return -1; else if(aa>bb) return 1; else return 0; } //end 升序－－－－－－－－－－－－－－－－－－－－－ function ReplaceAll(s,s1,s2){ //把s种的s1全部替换成s2 var i; s=""+s; i=s.indexOf(s1); if(i!=-1) return s.substr(0,i)+s2+ReplaceAll(s.substr(i+s1.length,s.length-i-s1.length),s1,s2); else return s; } </script><script language="javascript" type="text/javascript"> function slt_all() { for(var i=2;i<=document.getElementById('DataGrid1').rows.length;i++) { document.getElementById('DataGrid1__ctl'+i+'_chkDel').checked = document.getElementById('chkAll').checked; } } </script><script type="text/javascript"> var curObj; var shell=1; function sortTable(L) { var start=new Date() var i; var theRows=new Array(); for(i=1;i<DataGrid1.rows.length;i++) { theRows[i-1]=new Array(DataGrid1.rows[i].cells[L].innerText.toLowerCase(),DataGrid1.rows[i].outerHTML); //alert(DataGrid1.rows[i].cells[L].innerText.toLowerCase()); //alert(DataGrid1.rows[i].outerHTML); } if (shell==1){ shell=2; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/down.gif" >' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows1); // break; case 4,5: theRows.sort(sortRows2); break; default: theRows.sort(sortRows); } } else{ shell=1; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/up.gif">' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows11); // break; case 4,5: theRows.sort(sortRows22); break; default: theRows.sort(sortRows0); } } var str='' for(i=0;i<theRows.length;i++) { str+=theRows[i][1]; } DataGrid1.outerHTML='<table border="0" cellPadding="-1" cellSpacing="0" BorderColor="White" width="100%" bordercolor="#ffffff" name="DataGrid1" id="DataGrid1">'+DataGrid1.rows[0].outerHTML+str+'</table>' curObj=null; //alert(new Date()-start) return ; } //降序－－－－－－－－－－－－－－－－－－－ function sortRows(x,y) { if(x[0]>y[0]) return -1; else if(x[0]<y[0]) return 1; else return 0; } function sortRows1(x,y) { if(parseInt(x[0])>parseInt(y[0])) return -1; else if(parseInt(x[0])<parseInt(y[0])) return 1; else return 0; } function sortRows2(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa>bb) return -1; else if(aa<bb) return 1; else return 0; } //end 降序－－－－－－－－－－－－－－－－－－－－－ //升序－－－－－－－－－－－－－－－－－－ － function sortRows0(x,y) { if(x[0]<y[0]) return -1; else if(x[0]>y[0]) return 1; else return 0; } function sortRows11(x,y) { if(parseInt(x[0])<parseInt(y[0])) return -1; else if(parseInt(x[0])>parseInt(y[0])) return 1; else return 0; } function sortRows22(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa<bb) return -1; else if(aa>bb) return 1; else return 0; } //end 升序－－－－－－－－－－－－－－－－－－－－－ function ReplaceAll(s,s1,s2){ //把s种的s1全部替换成s2 var i; s=""+s; i=s.indexOf(s1); if(i!=-1) return s.substr(0,i)+s2+ReplaceAll(s.substr(i+s1.length,s.length-i-s1.length),s1,s2); else return s; } </script><script language="javascript" type="text/javascript"> function slt_all() { for(var i=2;i<=document.getElementById('DataGrid1').rows.length;i++) { document.getElementById('DataGrid1__ctl'+i+'_chkDel').checked = document.getElementById('chkAll').checked; } } </script><script type="text/javascript"> var curObj; var shell=1; function sortTable(L) { var start=new Date() var i; var theRows=new Array(); for(i=1;i<DataGrid1.rows.length;i++) { theRows[i-1]=new Array(DataGrid1.rows[i].cells[L].innerText.toLowerCase(),DataGrid1.rows[i].outerHTML); //alert(DataGrid1.rows[i].cells[L].innerText.toLowerCase()); //alert(DataGrid1.rows[i].outerHTML); } if (shell==1){ shell=2; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/down.gif" >' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows1); // break; case 4,5: theRows.sort(sortRows2); break; default: theRows.sort(sortRows); } } else{ shell=1; //window.SRC1.innerHTML=DataGrid1.rows[0].cells[3].innerText.toLowerCase()+'&nbsp;&nbsp;<img src="../images/up.gif">' switch(parseInt(L)){ //case 7: // theRows.sort(sortRows11); // break; case 4,5: theRows.sort(sortRows22); break; default: theRows.sort(sortRows0); } } var str='' for(i=0;i<theRows.length;i++) { str+=theRows[i][1]; } DataGrid1.outerHTML='<table border="0" cellPadding="-1" cellSpacing="0" BorderColor="White" width="100%" bordercolor="#ffffff" name="DataGrid1" id="DataGrid1">'+DataGrid1.rows[0].outerHTML+str+'</table>' curObj=null; //alert(new Date()-start) return ; } //降序－－－－－－－－－－－－－－－－－－－ function sortRows(x,y) { if(x[0]>y[0]) return -1; else if(x[0]<y[0]) return 1; else return 0; } function sortRows1(x,y) { if(parseInt(x[0])>parseInt(y[0])) return -1; else if(parseInt(x[0])<parseInt(y[0])) return 1; else return 0; } function sortRows2(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa>bb) return -1; else if(aa<bb) return 1; else return 0; } //end 降序－－－－－－－－－－－－－－－－－－－－－ //升序－－－－－－－－－－－－－－－－－－ － function sortRows0(x,y) { if(x[0]<y[0]) return -1; else if(x[0]>y[0]) return 1; else return 0; } function sortRows11(x,y) { if(parseInt(x[0])<parseInt(y[0])) return -1; else if(parseInt(x[0])>parseInt(y[0])) return 1; else return 0; } function sortRows22(x,y) { aa=ReplaceAll(x[0],"/","-") bb=ReplaceAll(y[0],"/","-") if(aa<bb) return -1; else if(aa>bb) return 1; else return 0; } //end 升序－－－－－－－－－－－－－－－－－－－－－ function ReplaceAll(s,s1,s2){ //把s种的s1全部替换成s2 var i; s=""+s; i=s.indexOf(s1); if(i!=-1) return s.substr(0,i)+s2+ReplaceAll(s.substr(i+s1.length,s.length-i-s1.length),s1,s2); else return s; } </script><script language="javascript" type="text/javascript"> function slt_all() { for(var i=2;i<=document.getElementById('DataGrid1').rows.length;i++) { document.getElementById('DataGrid1__ctl'+i+'_chkDel').checked = document.getElementById('chkAll').checked; } } </script>
mail_ricklee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jqgrid 列表头 根据选中顺序排序和显示
qq_27009517的博客
01-28 1263
好久没看，再来看看，脑细胞死了不少，呃呃呃呃。。。。 jqgrid 本身的列的colNames就有hidden属性，此业务是在显示的列上，客户进行操作，显示和排序自己要的。 过滤设置hidden属性的。 getAllShowNames: function(){ var self = this; var temp = []; // var colModelIndexArr={}; for(var i = 0; i < s
javascript实现datagrid
06-17
9. **插件和库的使用**：尽管纯 JavaScript 实现 Datagrid 是可能的，但使用现有的库如 jQuery UI 的 DataTables、AngularJS 的 ui-grid 或者 React 的 react-data-grid 可以大大简化开发过程，它们提供了丰富的功能...
DataGrid GridView 单页javascript 表头排序
Cason2014的专栏
04-23 126
JS代码如下： 1 <script> 2 var curObj; 3 var shell = 1; 4 function sortTable(L) { 5 var start=new Date() 6 var i; 7 var DataGrid1 = document.getElementByIdx_x_x("DataGrid1")...
最近学的用javascript给datagrid排序
weixin_30602505的博客
06-15 102
比较简单的排序方法,对于小型的排序,在客户端完成就可,麻烦客户端,以来刷新麻烦来回传数据,二来写代码也容易出错.调用方法:给datagrid的表头的各个列标题添加onclick事件,然后调用sortTable('tblId', colIndex),分别传入要排序的表或datagrid的id号,要排序的列的索引 例如 <asp:BoundColumn DataField="gb_id" Hea...
datagrid自动排序 (Sorting DataGrid programmatically)
dpwangyanli的专栏
05-15 224
项目中很多时候会遇datagrid排序的问题，譬如翻页的datagrid，在第一页做了多行排序(multiColumnSort),翻页后的数据也要做这样的排序，怎么办呢？ 1.首先找到每个column的排列顺序和sort方向。 2.把所有column按照顺序（升序）和sort方向组装到一个Array中。 3.生成一个sort对象，其datefields 就是这个数组。 4.重新赋Datag...
DataGrid自定义排序
世上无难事，只怕有心人
03-01 1553
DataGrid自定义排序要在3个部分写代码如下:1.private void Page_Load(object sender, System.EventArgs e)  {        if(!Page.IsPostBack)     {      //设置排序表达式      ViewState["SortOrder"] = "AA";//设置要排序设置的字段      //设置排序
dwz .net 简单分页 表头排序、查询
01-04
【标题】：“DWZ.NET 简单分页、表头排序及查询”是指在.NET开发环境中使用DWZ（Dynamic Web Zone）框架实现的一种高效、便捷的网页数据展示功能。DWZ.NET是一款基于Ajax的前端交互框架，尤其适用于构建富交互性的...
dataGrid复合表头
03-09
实现`dataGrid`的复合表头有多种方法，具体取决于你使用的库或框架。这里以常见的JavaScript库如`ag-Grid`、`ECharts`和`ExtJS`为例进行说明： 1. **ag-Grid**：这是一个功能强大的开源数据网格组件，支持多级表头...
DataGrid固定表头
06-20
在网页开发中，DataGrid是一种常用的组件，用于展示大量结构化的数据，并且通常支持排序、分页、筛选等操作。在大数据量的情况下，用户需要滚动查看数据，但保持表头固定以便于理解每一列的数据含义，这就需要用到...
Javascript封装的网页DataGrid表格插件.rar
07-09
Javascript封装的网页DataGrid表格插件，实用漂亮的表格封装类，用javaScript编写的，有普通风格和仿XP风格两种。每款风格都可以通过点击表头来进行排序，支持复选框，点击按钮演示了如何获取选中的值，对网页编程的...
js实现点击table表头字段，根据字段排序例子
11-01
js实现点击table表头字段，根据字段排序例子。在表中添加js代码后可以自动排序，非常方便！
在网页上显示、选择、并排序列表的DataGrid插件
05-12
内容索引:脚本资源,Ajax/JavaScript,DataGrid,表格排序　　在网页上显示列表数据的一个DataGrid插件，支持全选反癣表头排序等，可按字符大孝修改时间排列显示的数据，就像Windows资源管理器中的数据类似，这个插件是一个已封装好的类，并包括两种风格：经典风格和Windows XP风格，根据内带的演示代码，你可以很方便的使用它。
EasyUI Datagrid 中文排序的问题
07-05
EasyUI Datagrid 中文排序的问题 解决了WEB端和后台（Oracle、MySQL）中文排序问题
Datagrid sort 排序
Xiang
09-15 1316
<!--[CDATA[ import mx.events.DataGridEvent; import mx.collections.*; private var myDPColl:ArrayCollection; [Bindable] //Sort对象处理排序 private var sortA:Sort; // 可进行排序的类别 private
使用datagrid实现页面间的排序查询
YoungLee16的博客
02-05 374
最近使用easy-ui的表格时,发现有很多强大的东西,暂列一个实现排序的demo案例: div中给table一个class或者是id都可以.
DataGridView 多列排序,点击多个列标题排序
jwb7832007的博客
07-08 1441
本来用DataGridView.DataSource绑定的是可排序 SortableBindingList 但是无法实现点击多个列排序,要想实现还是有点复杂. 最终实现的效果: 按住shift键点击列标题,按照点击的先后顺序依次排序,效果等同于OrderBy.ThenBy.ThenBy.ThenBy.ThenBy...... 由于SortableBindingList 本身实现了点击单列自动排序, 第一步、就是禁用自动排序功能 如果绑定的是 List<T> 就不跳过这一步 我用了一.
DataGridView可以点击列排序 Sort（使用BindingList改写）
weixin_40029679的博客
08-18 762
DGV排序列要求设定。
js 点击表头进行排序
MoLvSHan的博客
06-09 3003
示例图如下，点击技能ID时进行正反排序       html代码如下： &lt;thead&gt; &lt;tr class="text-c"&gt; &lt;th width="25"&gt;&lt;input type="checkbox" name="" value=""&gt;&lt;/th&gt;
jqGrid表头排序功能
热门推荐
周杨的博客
05-04 1万+
jqgrid表头单级和多级排序
jeesite datagrid表头排序不请求后台
最新发布
05-30
JeeSite 的 DataGrid 组件可以实现表头排序功能，但默认情况下，点击表头排序时是会发送请求到后台进行排序的。如果你想要不请求后台进行排序，可以通过以下步骤实现： 1. 打开需要实现不请求后台排序的页面对应的 js 文件，找到 DataGrid 定义的地方。 2. 在 DataGrid 定义中加入 sortOnRemote: false，例如： ``` $('#dg').datagrid({ url: 'datagrid_data.json', sortOnRemote: false, // 不请求后台进行排序 columns: [[ {field:'code',title:'Code',width:100,sortable:true}, {field:'name',title:'Name',width:100,sortable:true}, {field:'price',title:'Price',width:100,sortable:true}, ]] }); ``` 3. 保存文件并重新加载页面，此时点击表头排序时就不会发送请求到后台进行排序了。 需要注意的是，如果你不发送请求到后台进行排序，那么排序功能的实现就需要在前端进行。这可能会影响到页面的性能，所以需要谨慎使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值