I'm doing a MVC project using a Metronic template. When I click on a menu I want to load the portlet correctly with the data that goes inside, without reloading the page.

Now I have an index.php which when opening the first time loads a menu and in the central part this empty, until here well.When I click on the Clients to create a portlet of clients with their data and when I click on New Client create another portlet with its data. This part I get through an ajax that I have created and that I call when I click on the menus and buttons (Ex: Clients, New client).

The problem is that the portlet does not load correctly, it does not show the page, the searcher or the selector of how many clients I want to show. These 3 options load through the ajax associated with the template, but when executing the ajax that I created and which I call before the default ajaxs, those parts they do not appear.

However, if I copy that portlet directly in index.php, It is loaded the portlet correctly.

I see that the problem is the default ajax that has to load those 3 options, for some reason it does not load.

My question is:What is the correct way to add a portlet when you click on a menu and when you click on another menu another portlet is loaded, but the page does not load and at the same time the ajax, which comes by default in the template, is loaded correctly?

So that you understand better what happens, I copy 2 photos. The first one is the portlet when it loads correctly, I have marked it in red in what you have to keep your eyes on:

The second one has not loaded what I have marked in red in the previous image:

I hope I have explained myself correctly and that someone can help me.

Thank you very much.

Regards