發表文章

目前顯示的是 十一月, 2021的文章

Blazor Print Example

圖片
程式開發步驟 以 Visual Studio 2019 新增 Blazor Server 專案。 Step 1 加入 jQuery          Step 2 設定列印要隱藏 CSS  將不須列印的部分加上 css class : hideWhenPrint Shared/MainLayout.razor   @inherits LayoutComponentBase < div class = "page" > < div class = "sidebar hideWhenPrint" > < NavMenu /> </ div > < div class = "main" > < div class = "top-row px-4 hideWhenPrint" > < a href = "https://docs.microsoft.com/aspnet/" target = "_blank" > About </ a > </ div > < div class = "content px-4" > @Body </ div > </ div > </ div >   Step 3 呼叫 JavaScript  wwwroot/js/print.js  function Print() { $( ".hideWhenPrint" ).hide(); window.print(); $( ".hideWhenPrint" ).show(); } Pages/_Host.cshtml  < script src = "~/jquery/jquery.min.js&qu