내 UI5 앱에 일반 타일이 있습니다. 나의 요구 사항은 Icon Tab Bar - Filter (https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.IconTabBar/preview)의 기능을이 타일에 구현하는 것입니다. 각 상태에 대해 별도의 타일이 있으며 클릭시 클릭 한 상태 (예 : '완료된 티켓')에 따라 테이블에 목록을 표시해야합니다. 테이블과 타일이 다른보기에 있습니다. 가능한 경우이를 수행 할 수있는 방법에 대한 제안을하십시오.UI5 필터 기능이있는 일반 타일
덕분에, 스 리니 바산
당신은 거의 그대로 IconTabBar의 예를 따르고, 타일 아이콘을 교환 단지 수 있습니다.
예에서 IconTabBar의 아이콘을 누르면 해당 아이콘에 연결된 논리로 인해 표가 바인딩됩니다. 같은 작업을 수행해야합니다. 타일에 연결된 논리는 테이블 바인딩의 필터를 변경해야합니다. 모든 타일로 인해 바인딩에 다른 필터가 적용될 수 있습니다. 이를 사용하면 클릭 한 타일을 기준으로 필터링 된 표가 표시됩니다.
테이블이 타일과 다른보기에 있으면 라우터를 사용하여 두보기간에 통신 할 수 있습니다. 예 : 하나를 타일로 배열하여 /YourApp/#/Stuff/FilterBySomething으로 이동하고 두 타일을 /YourApp/#/Stuff/FilterBySomethingElse으로 이동하십시오. 테이블이 포함 된 뷰에서 필터 정보를 가져 와서 그에 따라 테이블 바인딩에 필터를 추가해야합니다. 이 작동 방식에 대한 자세한 내용은 Step 31 of the SAPUI5 walkthough에서 확인할 수 있습니다.
감사합니다. jpenninkhof. 내 IconTabBar 필터 및 테이블 같은보기에 있었을 때 그 기능을 시도했다. 그러나 지금은 테이블과 타일이 다른 견해에 있습니다. 나는 여기에서 그 견해에있는 테이블을 여과하는 방법에 관해서 여기에 맞았다. –
나는 그 부분 @ SrinivasanS을 놓친 것이 두렵다. 그에 따라 대답을 수정했습니다. – jpenninkhof
추가 제안 사항이 있으면 아래 코드까지 도달했습니다. function (oEvent) { \t \t \t var oBindContext = oEvent.getSource(). getBindingContext(); \t \t \t var oModel = oBindContext.getModel(); \t \t \t var oRouter = sap.ui.core.UIComponent.getRouterFor (this); \t \t \t var sObjectID = oModel.getData (oBindContext.getPath()). ObjectID; \t \t \t oRouter.navTo ("srvdetail"{ \t \t \t \t ID는 : \t \t \t을 sObjectID}); \t \t} –