본문 바로가기
Fiori/UI5

[UI5] Table Sort

by clode 2023. 3. 8.
728x90
반응형

Main.View.xml

    <Column width="7rem" id="idColumnlifnr" sortProperty="lifnr">
            <m:Label text="{i18n>LIFNR}"/>
                <template>
                    <m:Text text="{mainModel>lifnr}" wrapping="false"/>

                </template>
    </Column>

정렬할 컬럼에 id idColumnlifnr를 부여한다.

Main.Controller.js

sap.ui.define([
    "sap/ui/core/mvc/Controller",
    "sap/ui/model/Sorter",
    "sap/ui/table/library"
], function(Controller, Sorter, library) {
    "use strict";

    //Global
    var SortOrder = library.SortOrder;

사용할 컴포넌트 sorterlibrary를 define 해준다.
이후 SortOrder를 전역변수로 선언한다.

var oTable = this.getView().byId("Table");
var oProductNameColumn = this.getView().byId("idColumnlifnr");

oTable.sort(oProductNameColumn, SortOrder.Ascending);

sort(부여한 컬럼 ID, SortOrder.Ascending)

728x90
반응형

댓글