Hi Experts,
I am trying to develop a hybrid application using splitapp and app container with routing mechanism.
Initially when the app loads, the first page will be master/detail view, with master view containing the categories of products and detail view displays the products under first category.
If I click on any product, it takes me to the suppliers of each product and the layout is still the master/detail.
Just to implement navigation from splitapp to app using routing concepts, I have added one button, " CLICK NEXT " on the supplier page. If I click on the "CLICK NEXT" button it takes me to the list of employees. Further If i click on any employee it shows me the orders of that employee on the master page and the details of the first order on the detail view and that is where I am facing an issue
My issue is, before the orders gets loaded in the master view, the previous detail page i.e. "Suppliers of each product" gets displayed until the detail view with details of first order gets loaded.
Also, when I navigate back from the master/detail orders page to the employee list page and click on any another employee, the detail page shows the order details of the previous' employee until the detail view with details of the first order of that employee gets loaded.
I have used Northwind odata service ( http://services.odata.org/Northwind/Northwind.svc ) and the models and routes are defined in the manifest file.
Navigation :
Master/detail (categories/products) ---- > master/detail (categories/supplier) ------> List of employees -----> master/detail ( orders/order details )
Please help.
Screenshots :
1) Initial Master/detail (categories/products).
2) Suppliers of first product ( navigation within splitapp ).
3) Employee list ( navigation from splitapp to app ).
4) this is what the issue is.
5) After successful load.