Including a dynamic menu to the Layout page...

Curious Cat 21

Hello,

I have a problem and couldn't find a solution.

I am developing a site in Visual Studio 2022, ASP.NET Core 6.0 Razor pages. (not MVC)

I made a database drived (MSSQL) dynamic menu for the navigation. I made this menu in a temp page and it works without any problem. Problem starts, when i want to include this menu in the navbar at the Layout page.

"partial page" doesn't seems like a solution to me, any suggestion or samples how i could make this ?
Thank you in advance.

Rena Ni - MSFT 2,066 Reputation points

2022-10-06T06:20:02.813+00:00

Hi @Curious Cat , Could you pls share enough code to help reproduce the issue.

Curious Cat 21

Sure,

DynMenu.cshtml

<ul class="navbar-nav">  
	<li class="nav-item dropdown">  
		<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Kategoriler</a>  
		<ul class="dropdown-menu">  

			@foreach (var item1 in Model.AnaKategori)  
			{  
				<li>  
					<a class="dropdown-item" href="#">@item1.AnaKatAdi</a>  
					<ul class="submenu dropdown-menu">  

						@foreach (var item2 in Model.AltKategori.Where(x => x.AnaKatId == item1.AnaKatId))  
						{  
							<li><a class="dropdown-item" href="TarifListesi?id=@item2.AltKatId&AnaKatAdi=@item2.AnaKatAdi&AltKatAdi=@item2.AltKatAdi">@item2.AltKatAdi</a></li>  
						}  

					</ul>  
				</li>  
			}  
		</ul>  
	</li>  
</ul>

The menu works fine for me. Its simply bootstrap navbar-drop down menu as you can see.
I want to include this page(menu) to the navbar in the Layout page.

Curious Cat 21

and this ofc,

using MyTestApp.Models;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.EntityFrameworkCore;

namespace MyTestApp.Pages
{
public class DynMenuModel : PageModel
{
private readonly LddataContext dbcontext;

    public List<Models.AnaKategori> AnaKategori { get; set; }  
    public List<Models.AltKategori> AltKategori { get; set; }  

    public DynMenuModel(LddataContext dbcontext)  
    {  
        this.dbcontext = dbcontext;  
    }  

    public async Task OnGet()  
    {  
        AnaKategori = await dbcontext.AnaKategori.ToListAsync();  
        AltKategori = await dbcontext.AltKategori.ToListAsync();  
    }  
}

}

Rena Ni - MSFT 2,066 Reputation points

2022-10-07T09:27:59.473+00:00

Hi @Curious Cat , for confirmation, your menu contains model data to dynamically display, right? And now you want to display it in your _Layout.cshtml, right? Then your problem here is when you want to display the data in Layout, other page which use the Layout page will get the error which the model does not match? If so, I think what you need change is each razor page should implements DynMenuModel. e.g for your Index.cshtml.cs should be public class IndexModel:DynMenuModel{}.
Curious Cat 21 Reputation points

2022-10-07T16:01:39.453+00:00

Hmm.. yeah i will try this out. Thank you for answer.
Curious Cat 21 Reputation points

2022-10-07T17:46:42.413+00:00

I did try it with ViewComponent.

I brought the main categories table, which is the first table, nicely on the page with the ViewComponent. but I screwed up on the second table (Sub categories of the first table). I could not bring it under the first table on the page. I failed.
So I handled it with RenderSection but it was a bit clumsy of course.
Rena Ni - MSFT 2,066 Reputation points

2022-10-10T09:42:02.423+00:00

Hi @Curious Cat , so after trying my suggestion your problem here has been resolved, right?

Share via

Including a dynamic menu to the Layout page...