zoukankan      html  css  js  c++  java
  • easyui页面上字段排序并与后台交互

    在开始对easyui里面页面上进行排序,感觉应该不怎么难,但是在操作的时候并没有那么简单,上网也查了很多进行排序的方法,最终总结出这个方法,供大家参考使用:

    一、在easyui里面上只需

    1.将要进行排序的字段添加一个属性(sortable="true");

    2.将要排序的table添加一个属性(remoteSort="true");

    3.如果只想在页面进行排序,而不再数据库里面进行排序;也就是说只需要对页面上查出来的当前页面上的几行数据进行排序,而不是对页面上所有页的数据进行排序的话

      就只需要在添加一个页面排序刷新页面table(datagrid)的js方法就行了 

    function alertColumn(sort,order){
    $("#dg").datagrid("reload");
    }

    在页面进行排序,只需要这三步进行了,页面整体修改布局如下:

    二、如果想对所有分页里面的进行排序,就还需要在后台添加几段代码:

    //给前端页面进行排序

    /*这里的参数sort/order不能进行修改,这是easyui里面封装好的数据,直接在后台就行获取进行了*/
    String sort=request.getParameter("sort");
    System.out.println("排序字段名="+sort);//打桩输出要排序的字段名
    String order=request.getParameter("order");
    System.out.println("排序顺序="+order);//打桩要输出的字段名的排序属性,要么是"asc"(升序)要么是"desc"(降序)

    /*下面这两行代码是对页面上可以排序字段是否被点中进行判断,如果点中了就是以order为顺序,sort为字段名进行排序,否则就是以desc为顺序,以user_id为字段名进行排序*/
    order = (StringUtils.defaultString(order).length()==0)?"desc":order;
    sort = (StringUtils.defaultString(sort).length()==0)?"user_id":sort;

    /*创建一个字符缓冲流对sort和order进行拼接,最终的效果就是====>sort order*/
    StringBuffer ordersb = new StringBuffer();
    ordersb.append(sort).append(" ").append(order);
    //最后就把拼接成的字符串以sortt为变量名称传到sql映射文件中,只要获取sortt就行

    param.put("sortt",ordersb.toString());

    三、修改sql映射文件中sql语句的排序方法

    下面就是截图:

    其他地方都不需要进行改动,这样对所有的数据进行排序就成功了,有什么不足,麻烦您告诉我

  • 相关阅读:
    Sentry异常捕获平台
    docker部署RabbitMQ(单机)
    Elasticsearch参数调优
    docker 部署Elasticsearch-权限认证(单节点)
    ElementUI 实现el-table 列宽自适应
    vue 弹幕插件
    linux 命令笔记
    swoole安装笔记
    Swoole学习笔记
    VM安装centos8实战
  • 原文地址:https://www.cnblogs.com/yj716716yj/p/5606323.html
Copyright © 2011-2022 走看看