Introduction & Recap
In the previous blog post, we learned how to move our current application into a Master-Detail app displaying Business Partner as a list (master) and its detail information with Sale Orders inside the detail page (detail).
What will be covered on this exercise
With Part 4 of this series of blog posts, we will learn how to create a second drill-down page with information about the Sale Order detail and display a table of Sale Order items.
The most important part of this exercise is to understand how to Delete (part of the CRUD operations) a Sale Order Item of a Sale Order.
- ODataModel: we have already used it to display server-side information about our Business Partner, Order Sale. Now we’re going to use it to display Sale Order Item and delete them from the set. For this purpose, we’re going to use the remove method
This is our main task in this exercise but it’s not the only thing we’ve done in the code. Here’s a list of the things you have to do to get to the final result:
- Add a new route and target in the manifest.json to navigate to the BusinessPartnerSeleOrderItem page
- Listen on the Sale Order click event and navigate to the SaleOrder detail (where we will display sale order detail and sale order items)
- Add a FilterBar to filter the Sale Order Item’s table
- Add a ViewSettingsDialog to sort/group Sale Order Items
- Expand the ToProduct navigation property of a SaleOrderItem entity to display Product information into table’s rows