Fiori/UI5
[UI5] Table Sort
clode
2023. 3. 8. 14:23
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;
사용할 컴포넌트 sorter
와 library
를 define 해준다.
이후 SortOrder
를 전역변수로 선언한다.
var oTable = this.getView().byId("Table");
var oProductNameColumn = this.getView().byId("idColumnlifnr");
oTable.sort(oProductNameColumn, SortOrder.Ascending);
sort(부여한 컬럼 ID, SortOrder.Ascending)
728x90
반응형