Commit e78dba3

committed

dynamic view component in asp.net core

1 parent 1fa526a commit e78dba3Copy full SHA for e78dba3

File tree

+42

-27

lines changed

+42

-27

lines changed

Lines changed: 11 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,14 +3,23 @@`
`3`	`3`	`using System.Collections.Generic;`
`4`	`4`	`using System.Linq;`
`5`	`5`	`using System.Threading.Tasks;`
	`6`	`+using Webgentle.BookStore.Repository;`
`6`	`7`
`7`	`8`	`namespace Webgentle.BookStore.Components`
`8`	`9`	`{`
`9`	`10`	`public class TopBooksViewComponent : ViewComponent`
`10`	`11`	`{`
`11`		`- public async Task<IViewComponentResult> InvokeAsync()`
	`12`	`+ private readonly BookRepository _bookRepository;`
	`13`	`+`
	`14`	`+ public TopBooksViewComponent(BookRepository bookRepository)`
	`15`	`+ {`
	`16`	`+ _bookRepository = bookRepository;`
	`17`	`+ }`
	`18`	`+`
	`19`	`+ public async Task<IViewComponentResult> InvokeAsync(int count)`
`12`	`20`	`{`
`13`		`- return View();`
	`21`	`+ var books = await _bookRepository.GetTopBooksAsync(count);`
	`22`	`+ return View(books);`
`14`	`23`	`}`
`15`	`24`	`}`
`16`	`25`	`}`

Lines changed: 17 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -67,6 +67,23 @@ public async Task<List<BookModel>> GetAllBooks()`
`67`	`67`	`}).ToListAsync();`
`68`	`68`	`}`
`69`	`69`
	`70`	`+ public async Task<List<BookModel>> GetTopBooksAsync(int count)`
	`71`	`+ {`
	`72`	`+ return await _context.Books`
	`73`	`+ .Select(book => new BookModel()`
	`74`	`+ {`
	`75`	`+ Author = book.Author,`
	`76`	`+ Category = book.Category,`
	`77`	`+ Description = book.Description,`
	`78`	`+ Id = book.Id,`
	`79`	`+ LanguageId = book.LanguageId,`
	`80`	`+ Language = book.Language.Name,`
	`81`	`+ Title = book.Title,`
	`82`	`+ TotalPages = book.TotalPages,`
	`83`	`+ CoverImageUrl = book.CoverImageUrl`
	`84`	`+ }).Take(count).ToListAsync();`
	`85`	`+ }`
	`86`	`+`
`70`	`87`	`public async Task<BookModel> GetBookById(int id)`
`71`	`88`	`{`
`72`	`89`	`return await _context.Books.Where(x => x.Id == id)`

Lines changed: 3 additions & 24 deletions

Original file line number	Diff line number	Diff line change
`@@ -16,31 +16,10 @@`
`16`	`16`	`<div class="py-5 bg-light">`
`17`	`17`	`<div class="container">`
`18`	`18`	`<h3 class="h3">Top books</h3>`
	`19`	`+ @await Component.InvokeAsync("TopBooks", new { count = 3})`
`19`	`20`
`20`		`- @@await Component.InvokeAsync("TopBooks")@`
`21`		`-`
`22`		`- <vc:top-books></vc:top-books>`
`23`		`-`
`24`		`- <div class="row">`
`25`		`- <div class="col-md-4">`
`26`		`- @<partial name="_bookThumbnail" model="new BookModel()" />@`
`27`		`- @Html.Partial("_bookThumbnail", new BookModel())`
`28`		`- </div>`
`29`		`- <div class="col-md-4">`
`30`		`- @<partial name="_bookThumbnail" model="new BookModel()" />@`
`31`		`- @await Html.PartialAsync("_bookThumbnail", new BookModel())`
`32`		`- </div>`
`33`		`- <div class="col-md-4">`
`34`		`- @<partial name="_bookThumbnail" model="new BookModel()" />@`
`35`		`- @{ Html.RenderPartial("_bookThumbnail", new BookModel()); }`
`36`		`-`
`37`		`- </div>`
`38`		`- <div class="col-md-4">`
`39`		`- @<partial name="_bookThumbnail" model="new BookModel()" />@`
`40`		`- @{ await Html.RenderPartialAsync("_bookThumbnail", new BookModel()); }`
`41`		`-`
`42`		`- </div>`
`43`		`- </div>`
	`21`	`+ @<vc:top-books count="6" ></vc:top-books>@`
	`22`	`+`
`44`	`23`	`</div>`
`45`	`24`	`</div>`
`46`	`25`

Lines changed: 11 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1 +1,11 @@`
`1`		`-<h1>Hello from view components</h1>`
	`1`	`+@model IEnumerable<BookModel>`
	`2`	`+`
	`3`	`+<div class="row">`
	`4`	`+ @foreach (var book in Model)`
	`5`	`+ {`
	`6`	`+ <div class="col-md-4">`
	`7`	`+ <partial name="_bookThumbnail" model="book" />`
	`8`	`+ </div>`
	`9`	`+ }`
	`10`	`+`
	`11`	`+</div>`

Comments

(0)