Steps to Replace OData in Business Application Studio UI5 Extension Project
<h2 style="text-align: left;"><b>How to change OData service when using BAS Extension Project for Standard Apps</b></h2><p><b>Background:</b> Sometimes, standard FIORI apps cannot be extended via BAS Adaptation Project. This limitation arises if the app contains synchronous views. In such cases, you may need an alternative approach to customize the app effectively.</p><p><b>Requirement:</b> The standard app ‘Transfer Stock - Cross-Plant’, includes buttons to transfer stock between plants. My requirement is to customize the app to grey out the buttons based on the plant category.<span></span></p><a name="more"></a><p></p><h2 style="text-align: left;"><b>Solution:</b></h2><p>This standard app uses OData service MMIM_MATERIAL_DATA_SRV. To implement the required changes, I created a custom OData service ZMMIM_MATERIAL_DATA_SRV, based on the standard service with an additional field. While the creation of this service is beyond the scope of this blog, I will focus on integrating it into the app.</p><p>The buttons I customized are highlighted in the below image.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbvMAEjD-l2R6i5IFX9L_A_ZBbywtfwzLTlWonOKYRFdI4T3-rZI2ObbJlRmhuFQvQO4RyQLKL-1wSt6-sOiA-wLax6vI14SrOh8bX2OEBfGseEQhByBIsDtabFmWClDUD4LWGqQpJmLxy_EGCrDTcNFDSp8WjJ1WMT4gNh4EsF0HZEJT400ZPN4m8KH-/s1920/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="902" data-original-width="1920" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbvMAEjD-l2R6i5IFX9L_A_ZBbywtfwzLTlWonOKYRFdI4T3-rZI2ObbJlRmhuFQvQO4RyQLKL-1wSt6-sOiA-wLax6vI14SrOh8bX2OEBfGseEQhByBIsDtabFmWClDUD4LWGqQpJmLxy_EGCrDTcNFDSp8WjJ1WMT4gNh4EsF0HZEJT400ZPN4m8KH-/w400-h188/1.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">Source: <a href="https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F1957')/S21OP" target="_blank">https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F1957')/S21OP</a></div><div class="separator" style="clear: both;"><br/></div><div class="separator" style="clear: both;">Steps to Implement the Customization</div><div class="separator" style="clear: both;"><br/></div><div class="separator" style="clear: both;">1. Start by opening the BAS tool and selecting the Adaptation Project option.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEamyGYQCiw5og-fi4-pLBp3p90W_Fa1CGaOdmfdcU51ymHHFoJPeMIK1cJs-52_ENgE_fQjXOa0-LTPm9uIpjJgh0242YLWlr0HUOiCmAPqj_vG3Kl3yBd_3lQ-0UBnxF9hFKvdCTEXHKrsltLnMHewzP-KoETHb6ByeA2L-0gwkSZ7DWAAyjCTg4YoUr/s1467/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="810" data-original-width="1467" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEamyGYQCiw5og-fi4-pLBp3p90W_Fa1CGaOdmfdcU51ymHHFoJPeMIK1cJs-52_ENgE_fQjXOa0-LTPm9uIpjJgh0242YLWlr0HUOiCmAPqj_vG3Kl3yBd_3lQ-0UBnxF9hFKvdCTEXHKrsltLnMHewzP-KoETHb6ByeA2L-0gwkSZ7DWAAyjCTg4YoUr/w400-h221/2.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl9cLDIkOfmYLtVSHlbMT4WqXXoMpAYHmS5_gmxv4cmI81Pw2owbRWaICC3XijojxAit1eVqEVx1XUzxx-mEfGlKUk_341Ja6Zmm33VBWMbQk0EgXG7NltxhT0NXU77CXXn_VKdBmAEr72trJ4_1brRBbd64LagnrwXMEgTjRFnhyphenhyphenqu9xVMbDWxuA1uuZR/s1504/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="817" data-original-width="1504" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl9cLDIkOfmYLtVSHlbMT4WqXXoMpAYHmS5_gmxv4cmI81Pw2owbRWaICC3XijojxAit1eVqEVx1XUzxx-mEfGlKUk_341Ja6Zmm33VBWMbQk0EgXG7NltxhT0NXU77CXXn_VKdBmAEr72trJ4_1brRBbd64LagnrwXMEgTjRFnhyphenhyphenqu9xVMbDWxuA1uuZR/w400-h217/3.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">2. Fill in the necessary details for the project setup and proceed to the next step.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokRBBSTDQi3hhsLdaodfXNmZDiDLZrefFpz3bJk9AsOFfzC_KRsOwjHr0eYXx5Pmqei80gL1eX6klGm-7Sah0Wvp9MBG5ivN5fLYb1C7vf10s9UfLmoFdTQ3arBD8GtYvcDBH-FBxkTMh8a4K8fRvDvq5Vt9TIGyeShTsssNv4f90K2zxAM_CkvqVhF0W/s1504/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="816" data-original-width="1504" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokRBBSTDQi3hhsLdaodfXNmZDiDLZrefFpz3bJk9AsOFfzC_KRsOwjHr0eYXx5Pmqei80gL1eX6klGm-7Sah0Wvp9MBG5ivN5fLYb1C7vf10s9UfLmoFdTQ3arBD8GtYvcDBH-FBxkTMh8a4K8fRvDvq5Vt9TIGyeShTsssNv4f90K2zxAM_CkvqVhF0W/w400-h217/4.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbEqG0uLZLlZf47SbS9DhIllBSw4H_MX3qPVaa38TgndqzA5j4M7sEWASAWwkCyiKQ7MYrZB6OA8W8XjcdRJmnqz81FlWouQj3S1-_Brc11zHAMky_tYO8o9dfz-rYRimE3IBYqRSVwmRWPbbkKdoRmtYhLiyYGbfysAY3tkLH8Olba4_sPQpItoIdd_U/s1504/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="817" data-original-width="1504" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbEqG0uLZLlZf47SbS9DhIllBSw4H_MX3qPVaa38TgndqzA5j4M7sEWASAWwkCyiKQ7MYrZB6OA8W8XjcdRJmnqz81FlWouQj3S1-_Brc11zHAMky_tYO8o9dfz-rYRimE3IBYqRSVwmRWPbbkKdoRmtYhLiyYGbfysAY3tkLH8Olba4_sPQpItoIdd_U/w400-h217/5.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">3. Select the relevant system associated with the project.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XCEBAXjByhfEeOFwIE_H03tt_bPpLsErodtybKvhUBbKgUZ6hR0w5hA61VasVPY9P_1PUSoMVR5XK00ndbkvNGlridj7ekOvVsST6LpIPN0K9K09LbIytiGnegAlkCL3PByKnkq0btgQ5jqTqWvvnZQrwBgH1pMF8XAA_pp9cDr4mM-9RLmYoslBF3Jb/s1504/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="820" data-original-width="1504" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XCEBAXjByhfEeOFwIE_H03tt_bPpLsErodtybKvhUBbKgUZ6hR0w5hA61VasVPY9P_1PUSoMVR5XK00ndbkvNGlridj7ekOvVsST6LpIPN0K9K09LbIytiGnegAlkCL3PByKnkq0btgQ5jqTqWvvnZQrwBgH1pMF8XAA_pp9cDr4mM-9RLmYoslBF3Jb/w400-h217/6.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">4. Upon choosing the standard app, a message will appear indicating that the app contains synchronous views.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJXRWXvZokMOmnHUrPx-2y9HrSdKzfUFxaNO0EuUtDZT49V7BLEWvjTJXugw0frProrH6fZpIz1JLqdAD5FENzRGdOqRP4V5Pj-_-50UIjYTGYc8z2hC-81X24fGjP_-GNSXzKhjTqHNnKrLdGlydqGrqTJFmnEWiMgU2aLA0LeD9CzTnBVDLMDzdhC0a/s1296/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="819" data-original-width="1296" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJXRWXvZokMOmnHUrPx-2y9HrSdKzfUFxaNO0EuUtDZT49V7BLEWvjTJXugw0frProrH6fZpIz1JLqdAD5FENzRGdOqRP4V5Pj-_-50UIjYTGYc8z2hC-81X24fGjP_-GNSXzKhjTqHNnKrLdGlydqGrqTJFmnEWiMgU2aLA0LeD9CzTnBVDLMDzdhC0a/w400-h253/7.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">5. Due to the limitation, you cannot proceed with an Adaptation Project. Instead, create an Extension Project and click Finish.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://sapabapcentral.blogspot.com/2024/12/SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="805" data-original-width="1443" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCoIi95_TUTlf029xXXlASKJPkZFcv1QRWFInbvUQgJGCZ-XIqhZxmaTJyqx_LbQYdCHR2ZTN4tm5YVNeP_RUC4i8qcKrFAokhgFg6U8l5R1EoT0HDoVCDzRBJpusqCEkZr8o8VYjOSU6sIUmKWxPa7VhHn1mdmZCaaSTY_IA8uBDtdqzrJZgUkCZIx0D/w400-h224/8.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">6. Once the Extension Project is created, open it separately (optional). Then, create an extension by right-clicking the .extconfig.json file.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlUPDpNYUpxRzZEZOOfEz6GqO_26dxkR92Yw7LQjmAo4-MvmbNRInpTmw4hoxGZFZDfyCJk45jqjti6u6FWnoGKDbPuwc0VZE7ZHW0K4Qhc4Nnn3NLJwDp6YmLI0RRFfZL_TdyjVeSW1tBYNocXIWz-AqkQwjmUZxgpGR-a2JGR-YOC5qrAczbV9Fifc1/s1872/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="876" data-original-width="1872" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlUPDpNYUpxRzZEZOOfEz6GqO_26dxkR92Yw7LQjmAo4-MvmbNRInpTmw4hoxGZFZDfyCJk45jqjti6u6FWnoGKDbPuwc0VZE7ZHW0K4Qhc4Nnn3NLJwDp6YmLI0RRFfZL_TdyjVeSW1tBYNocXIWz-AqkQwjmUZxgpGR-a2JGR-YOC5qrAczbV9Fifc1/w400-h188/9.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpLuVhbsVcFxYXFzaZlrRQLo-ULPetGFxbvmQ-sOfoHmKvGClAgtHhCLG-N-osV0lW8SlEIuISyYPhPeQjNeM7wZspTL2OLEr4iCLKXnkY2T1Ox0mtqy4orZZWUpOFunYd5AsbX6B0jRheAafr1HmDx0ixzWDUgLGTM8yFzaSKY_2KVUf-LsJ9EFWyP1G/s1809/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="873" data-original-width="1809" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpLuVhbsVcFxYXFzaZlrRQLo-ULPetGFxbvmQ-sOfoHmKvGClAgtHhCLG-N-osV0lW8SlEIuISyYPhPeQjNeM7wZspTL2OLEr4iCLKXnkY2T1Ox0mtqy4orZZWUpOFunYd5AsbX6B0jRheAafr1HmDx0ixzWDUgLGTM8yFzaSKY_2KVUf-LsJ9EFWyP1G/w400-h193/10.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfEV0YIplVPuprvDA3VRhDHu-GZocoLJYvn2k1OeOKs0A3lcxm6j0d2hE-n7H7KHA60SU1V2qMf3aNAn7DUQdZHK71ZfW_ugIVJ5JQRtHlsQkYlMjAHd2LDRloQsDU6OjRnrIcC2R8hWkdn_Q9OIDhlu6f_wVqnWT9tff10DNVXCBuRNGS9xrDx-mEVql/s1591/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="883" data-original-width="1591" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfEV0YIplVPuprvDA3VRhDHu-GZocoLJYvn2k1OeOKs0A3lcxm6j0d2hE-n7H7KHA60SU1V2qMf3aNAn7DUQdZHK71ZfW_ugIVJ5JQRtHlsQkYlMjAHd2LDRloQsDU6OjRnrIcC2R8hWkdn_Q9OIDhlu6f_wVqnWT9tff10DNVXCBuRNGS9xrDx-mEVql/w400-h223/11.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">7. In the context menu, choose ‘Extend Controller’ and then select ‘Copy of the Original Controller’.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSo8F16DA0dVhjw5_vdxKszv83hVSflWD0RFT1MDyvo76i7_oMme4kLqc7RKhNTMHMfH4zB-eyGvAbm6GkFNXeKdFTrJZQ4B4d-8NmUhzgv35WNhmmmDdzFk9Ed2v-rMFAGrNIO-Qo0iLk9Q1r7I1pQMsqPWx-r7AV4qc8GRqDE0LICA3zDusaKldjocVG/s1354/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="874" data-original-width="1354" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSo8F16DA0dVhjw5_vdxKszv83hVSflWD0RFT1MDyvo76i7_oMme4kLqc7RKhNTMHMfH4zB-eyGvAbm6GkFNXeKdFTrJZQ4B4d-8NmUhzgv35WNhmmmDdzFk9Ed2v-rMFAGrNIO-Qo0iLk9Q1r7I1pQMsqPWx-r7AV4qc8GRqDE0LICA3zDusaKldjocVG/w400-h259/12.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-bzuMRytAjIfEKrBlRiVFoKm_3GgDVdpQ3Dj4XWVX7J0GimWPh9EGIk5cOCo7JUr62se3mw1N1i_aJXku84Y2ndazasW8SV3qqnOH5IFNOANTVAUfQ5-Exk_CiKSVQVvAmRVgMdwC_KE8wBGqSQjVoTyoo-UYGpmu7Mm-mK87t0ht56YNHPVaN5jQfSu/s1917/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="883" data-original-width="1917" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-bzuMRytAjIfEKrBlRiVFoKm_3GgDVdpQ3Dj4XWVX7J0GimWPh9EGIk5cOCo7JUr62se3mw1N1i_aJXku84Y2ndazasW8SV3qqnOH5IFNOANTVAUfQ5-Exk_CiKSVQVvAmRVgMdwC_KE8wBGqSQjVoTyoo-UYGpmu7Mm-mK87t0ht56YNHPVaN5jQfSu/w400-h184/13.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">8. Uncomment the function ‘_loadMaterial’ in the file ‘S1Custom.controller.js’. This is where the oData service needs to be replaced.</div><div class="separator" style="clear: both;"><br/></div><div class="separator" style="clear: both;">9. Replace references to the standard OData service with the custom OData service ZMMIM_MATERIAL_DATA_SRV in your UI5 extension project. The required changes are shown below:</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4I30MOPfFK4ngArDKh3nnykkynW5ZhYbazFwZtAmNxt00rrQ1rs5Z3iX32Kz1a4eo-m3XWlMK1bZtTz-WiMg20sILHPIy6lOCp79oyPBM8-VweW53pXXEqqdttubkRVG9D4kfNJ_9leM4X77yOfVi8vlcGb-bGXK5td9PhVjrIkW2_B7cLr5f2W2BiZE4/s1044/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="318" data-original-width="1044" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4I30MOPfFK4ngArDKh3nnykkynW5ZhYbazFwZtAmNxt00rrQ1rs5Z3iX32Kz1a4eo-m3XWlMK1bZtTz-WiMg20sILHPIy6lOCp79oyPBM8-VweW53pXXEqqdttubkRVG9D4kfNJ_9leM4X77yOfVi8vlcGb-bGXK5td9PhVjrIkW2_B7cLr5f2W2BiZE4/w400-h121/14.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">10. Search for all occurrences of the model ‘oMaterialData’ in the code. Update them accordingly to use the custom service.</div><div class="separator" style="clear: both;"><br/></div><div class="separator" style="clear: both;">11. In the custom OData service, I added a new property ‘PlantCategory’ to the existing entity type ‘MaterialPlant’.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKpZgRQnIheUHLxCpz_wsMa1MJSXMx11yVnNYS40zx-AoMp5UDHxWnzcxwMtep_tlTtvOLBwEj2Wfn3APipiodXKhyBJpeRH4Xkv_7t0rTaBOLDzqOVB4uQxAyy-GJwykt0w5JLNiDo33NfQXMYAyGj7BpMq5s7oxwvfuqwT4yrpr35bNkiAEES3ZzG0n/s1909/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="906" data-original-width="1909" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKpZgRQnIheUHLxCpz_wsMa1MJSXMx11yVnNYS40zx-AoMp5UDHxWnzcxwMtep_tlTtvOLBwEj2Wfn3APipiodXKhyBJpeRH4Xkv_7t0rTaBOLDzqOVB4uQxAyy-GJwykt0w5JLNiDo33NfQXMYAyGj7BpMq5s7oxwvfuqwT4yrpr35bNkiAEES3ZzG0n/w400-h190/15.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">12. Update the UI5 code to use new property ‘PlantCategory’ in the function ‘_checkFirstClickIsAllowed’. This ensures the buttons are always greyed out based on the plant category.</div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1AQTnsry3U1Ghyphenhyphenf7BNaDMiuZsEsq8y0A-caa0vyGHBq7PWotB2uZCq_7DDwv1ggn_nZSeSUrdLgPJTmAdRFAK-_fWT7b2jNb1wZQI8_3wm8kcRxjIaO9I1_-BWGQ2ndYjEYMxA4-y_tHDflyW8neaZrHDOoMdoDh4Sbd46-hgtXke7dIn6Q36_xSrTVG/s1042/16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="385" data-original-width="1042" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1AQTnsry3U1Ghyphenhyphenf7BNaDMiuZsEsq8y0A-caa0vyGHBq7PWotB2uZCq_7DDwv1ggn_nZSeSUrdLgPJTmAdRFAK-_fWT7b2jNb1wZQI8_3wm8kcRxjIaO9I1_-BWGQ2ndYjEYMxA4-y_tHDflyW8neaZrHDOoMdoDh4Sbd46-hgtXke7dIn6Q36_xSrTVG/w400-h148/16.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><h2 style="clear: both; text-align: left;"><b>Testing:</b></h2><div class="separator" style="clear: both;"><br/></div><div class="separator" style="clear: both;"><b>Before the change (in the standard app):</b></div></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0JP4OWckD5Us0HpOoNQScSbWPIbSjIr0DyXJ3JA97NqzPooqb-zCuseVkqkmrZ_dAfrhoxe1-XOKwfGlGGYEzPFaCGjmYx_F_Mj25ekn_aZSsg3_rLwTtKGUjvah2DB0pJT09XXHYs2CZZ95mMJ84mNUDb1Uxb7X860-vYFTXGNkZUN1Zey_VtQIz8HiU/s1918/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="946" data-original-width="1918" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0JP4OWckD5Us0HpOoNQScSbWPIbSjIr0DyXJ3JA97NqzPooqb-zCuseVkqkmrZ_dAfrhoxe1-XOKwfGlGGYEzPFaCGjmYx_F_Mj25ekn_aZSsg3_rLwTtKGUjvah2DB0pJT09XXHYs2CZZ95mMJ84mNUDb1Uxb7X860-vYFTXGNkZUN1Zey_VtQIz8HiU/w400-h198/17.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;"><b>After the change (in the enhanced app):</b></div><br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNIEoieTTmadjeAet0gGXnSMmaqvON2EaPVolju7IaQSrUjUhQGyhTXlznQQYzWPWEu1GDLSmkTvbjzne_aao-0O-ZeUHW1ysDO9T56SStTNQmTZK0peD4goo7TyERbgAkOvEb477zYu6WqADtCMH7ipiojKixeqvlQmR4cqNMsGNHIfwiBZrENT7tilo/s1912/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SAP Business Application Studio, SAP Fiori, OData, NW ABAP Gateway (OData)" border="0" data-original-height="853" data-original-width="1912" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNIEoieTTmadjeAet0gGXnSMmaqvON2EaPVolju7IaQSrUjUhQGyhTXlznQQYzWPWEu1GDLSmkTvbjzne_aao-0O-ZeUHW1ysDO9T56SStTNQmTZK0peD4goo7TyERbgAkOvEb477zYu6WqADtCMH7ipiojKixeqvlQmR4cqNMsGNHIfwiBZrENT7tilo/w400-h179/18.png" title="Steps to Replace OData in Business Application Studio UI5 Extension Project" width="400"/></a></div><div class="separator" style="clear: both; text-align: center;"><br/></div><div class="separator" style="clear: both; text-align: left;">As it can be seen from the above output, the buttons in the entire row are disabled. Requirement has been achieved.</div>
<div style="clear: both;"></div>
