Jeecg添加排序

Jeecg添加排序

第一步 前端处理

1、启用table标签@change属性和:pagination

    <a-table
        id="my_table"
        ref="table"
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        // 分页信息
        :pagination="ipagination"
        // 点击触发
        @change="handleTableChange"
        :loading="tableLoding">

分页信息ipagination，直接引用

2、data()下表头数组columns中字段添加sorter属性

        columns: [
          {
          title: '编号',
          align: "center",
          width: 180,
          // 添加排序
          sorter: true,
          dataIndex: 'proNo',
        },
          {
            width:'250px',
            title: '项目名称',
            align: "center",
            sorter: true,
            dataIndex: 'proName',
          }]

3、methods()下编写表格触发方法

      handleTableChange(pagination, filters, sorter) {
        this.queryParam.sortField = sorter.field;
        this.queryParam.sortOrder = 'ascend' == sorter.order ? 'asc' : 'desc';
        this.ipagination = pagination;
        this.loadData();
      }

queryParam查询条件

第二步 后端处理

我的处理方式：
将这两个字段拼接成sql中排序语句（不推荐）
记得要使用 ${xxx.sortField}而不是 #{xxx.sortField}