grouping 소계 적용시 정렬 문의

AXISJ AX5UI
1

안녕하십니까^^

그룹핑으로 소계를 표시하는 기능을 사용중에 정렬이 제가 원하는대로 되질 않아서 문의드립니다.

이미 DB에서 정렬된 데이터를 가져와서 mergeCells 기능으로 같은것은 머지하고
grouping으로 소계를 적용했는데
소계를 적용하면 by에 명시한 컬럼기준으로
전체 목록이 다시 가나다 순으로 다시 재정렬되는것 같습니다.

혹시 지금 현재 그대로인 상태로 그룹핑을 할 수는 없나요?

아니면 정렬기준을 추가로 넣는다거나…

현재 컬럼이 여러개 있는데 각각이 순번이 매겨져있어서 그 순서라야만 하는데
소계를 해버리니 정렬이 바뀌어서요…

항상 감사히 잘쓰고 있습니다.^^

2

setColumnSort를 사용해보세요!

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>그리드 예제</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/ax5ui/ax5ui-grid/master/dist/ax5grid.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5core/master/dist/ax5core.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5ui-grid/master/dist/ax5grid.min.js"></script>
</head>
<body>
<div data-ax5grid="my-grid" data-ax5grid-config="{}" style="height: 300px;"></div>
<script type="text/javascript">
  var myGrid = new ax5.ui.grid();
  $(document.body).ready(function () {

    myGrid.setConfig({
      header: {
        selector: false
      },
      showRowSelector: true,
      target: $('[data-ax5grid="my-grid"]'),
      columns: [
        {key: "a", label: "BOX", width: 27, editor: {type: "checkbox", config: {trueValue: "Y", falseValue: "N"}}},
        {key: "b", label: "COLUMN"}
      ]
    });

    // 정렬
    myGrid.setColumnSort({
      "a": {orderBy: "asc", seq: 0},
      "b": {orderBy: "desc", seq: 1}
    });

    // 그리드 데이터 가져오기
    myGrid.setData([
      {a: "N", b: 1},
      {a: "N", b: 2},
      {a: "Y", b: 3},
      {a: "Y", b: 4},
      {a: "Y", b: 5},
      {a: "Y", b: 6},
      {a: "Y", b: 7},
      {a: "Y", b: 8},
      {a: "Y", b: 9},
      {a: "Y", b: 10}
    ]);
  });
</script>
</body>
</html>
1개의 좋아요
3

야근 중에 희소식이네요.
정렬기능이 있는지 몰랐네요

적용해보니 정말 잘되는군요…

이제 집에 갈 수 있어요 ㅜ

감사합니다.