Vuong's Technical Blog

Hi, The issue like this: It happens when the table gets switched from visible false to true. (when the table is invisible, there's will be another control (Planning Calendar) displayed instead) This sap.ui.table.Table is contained inside an IconTabBar. Reason: Still unknown. It may come from the renderer after switching from invisible to visible. It may cause from the IconTabBar container. Workaround: For now, I need to refresh the binding of the table, so that the will re-render the table columns as well, which solve the issue. But it's just still a work-around. ---V---

First, we can follow this tutorial: https://blogs.sap.com/2016/05/31/odata-service-development-with-sap-gateway-code-based-service-development/ The above tutorial will provide you guide to: - Setup the gateway service in ABAP server. - Create Entity set, which is linked to ABAP dictionary. - Modify Method for GET: get entity, get entitySet with $filter, $top & $skip. The second blog will help you to: - Get single entity by key. -  Implementing navigation to the child items. https://blogs.sap.com/2016/05/31/odata-service-development-with-sap-gateway-code-based-service-development-part-ii/ Below tutorial will help you how to handle the $sort param: http://www.saplearners.com/orderby-query-option-in-sap-netweaver-gateway/ The link between URL & Gateway ABAP Method: HTTP Method Base URL plus Query String XML Body OData Operation ABAP Method GET Nothing Handled by the Gateway Framework GET

JavaScript. The Core. ---V---

Hi there, Have you wondered why controller in sapui5 defined in different ways? You can have a look at the source blog here: http://www.planetofbits.com/sap-ui5/understanding-sap-ui-define/ The author has clearly explained the differences, and also provide an example for you to easily understand the concept. ---V---

I found this useful topic regarding the pain point of Planning Calendar, where you can use the code to execute code on the event "updateRows" of Planning Calendar: https://stackoverflow.com/questions/35890915/is-there-an-event-in-sap-m-planningcalendar-for-the-rows-loaded ---V---

Add the parameter into your URL: ?spnego=disabled#Shell-home Look like this: https://abc.test.com:44351/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?spnego=disabled#Shell-home ---V---

Hi, Not all UI5 control is able to scroll when the screen is not wide/long enough. This will become seriously painful when the app is being used in small screen devices like phone or tablet. Like this: That's why you should know how to make all the UI5 scrollable, by using this control: Scroll Container After containing all the content inside the Scroll Container, the thing would work: Cheers! ---V---

Hi, ABAP Repository is the default repository of SAP system, until the time I wrote this post. Hence it would be essential that you know to import/deploy your application from LOCAL Web IDE. I want to emphasize the "Local" here because as you know, we usually use local Web IDE (personal version) for development since it much faster than the cloud version. (for some region that SAP/your company does not have cloud server). Here's how: 1/ Import application from ABAP repository 1. Setup Destination to your SAP system (which have ABAP repository).  Please use correct param like in the picture. Because some param is required to allow you to use that destination for importing & deploying application. 2. Import new project.  3. Choose the system.  3. Find your repository.  5. Finish 2/ Deploy application to ABAP repository 1. Setup Destination to your SAP system (which have ABAP repository).  The same is import application.

Hi, Here's some basis step: - Include external library to convert CSV to JSON. Details here - Use sapui5 control to upload file & get data from it. - Using the library to convert the format. - Proceed your coding with JSON data. Cheer. ---V---

Dear, SAPUI5 defined their own way to load external library, not just simple like using <src> tag in index.html. The details can be found here: https://blogs.sap.com/2017/04/30/how-to-include-third-party-libraries-modules-in-sapui5/ ---V---

Hi, This took me the whole afternoon to figure out. Problem: Before the error, i'm using local SAP Web IDE version 1.45 with user ABC. After trying with new local sap Web IDE version (1.53.1), I create the same user ABC with the same password & email (thanks to Chrome's autofill function). I logged in and got this error: Unhandled Error: failure during creation of required plugins -> ... I thought that the version 1.53.1 would have some problem. But it's not the reason. I tried with the older version on my computer, but the error persisted. I also tried to restart: Orion server, Chrome, my computer. But nothing worked. I took me the whole afternoon to research using google but no solution found. The reason came out when I tried with Firefox, it worked. Reason: So the reason I think come from the Chrome's cookings & password save mechanism. I'm not sure what is the exact reason, but I think because of the same user & password

Chào ngày mới! Gần đây được gặp một anh kiếm được cả nghìn USD mỗi tháng, ở Việt Nam, bằng cách tự làm app và bán trên Apple store. Nên giờ mình cũng hạ quyết tâm để chuyển qua là app cho iOS. Gặp anh thì rút ra được một số bài học như sau: - Muốn kiếm được tiền thì nên làm app iOS, và tập trung vào thị trường Mỹ. Vì đây là thị trường dễ mua app của bạn nhất (nguồn sinh lợi chủ yếu), cũng đồng thời là thị trường định hướng thị hiếu của những thị trường khác. Nên đi theo Mỹ thì khả năng sống sẽ cao nhất. - Những kinh nghiệm quý báu khi làm việc với Apple store: + Bản quyền: Nên tránh sử dụng hình ảnh, nhạc nổi tiếng của người khác nếu bạn không muốn bị khoá tài khoản. May một cái là với Apple, thì bạn có thời gian để thay đổi app của mình. Còn với Android app thì tải khoản dev của bạn sẽ bị terminate ngay lập tức. (khi anh chia sẻ điều này thì mình khá bất ngờ vì cứ nghĩ Android chính sách thoáng hơn) + Marketing : Cùng một app có thẻ deploy nhiều lần, với nhiều từ khoá khác

Hello, You can use the  operation mode  parameter for the v2.ODataModel. This parameter can be set at the model level  (see the constructor defaultOperationMode parameter) or at  binding level  (see the constructor operationMode parameter). Based on this parameter, the model fetches data differently: Server mode : data is fetched as needed (paging, sorting and filtering is done on the server side; each sorting, filtering or paging operation triggers a request). Client mode : the whole collection is requested initially. All sorting, filtering and paging operations are done on the client. Auto : a combination (based on other model settings). To read more about the operation mode, check out the corresponding documentation:  OperationMode . If you want to use this only on one list, then you should you the binding variant: <List items = "{path: '/Collection', parameters: {operationMode: 'Client'}}" > <StandardListItem title = "

Hi All , Finally thought of writing blog after struggling to create simple o-data service to perform basic operations including media and deep entities. So I don’t want you all to struggle and waste your time… This is for Beginners not for Experts, Create your simple gateway service by following provided steps. Service is all about Employee Information System. Tables Used.    1.  Employee Details table[Principle data]Or[Header Information]    2.  Employee Contact details(Ph no on working days and on leave)[Line Item] 3.   Employee Photo Details. Structures Used [But U can directly use Database tables to include structure to create Data types] 1. Employee Details. 2.   Employee Address Info[Include structure in Emp Details table]. 3.   Employee Contact details(Info like Contact no during working days and on leave). 4. Employee Photo details. Let's start rocket science, Here we go, Create your simple gateway