Blazor Server Blazor Server で入力イベント処理を行う場合は @oninput を使う 入力欄の値が変更されたらタイミングのイベント処理を、@onchange で実装しようとしたのですが、@onchange イベントだとロストフォーカスされるまでイベントが発生せず、使い勝手がイマイチですが、@oninput イベントを使うと良... 2022.01.22 .NET CoreBlazor ServerC#SPAVisual Studio
Blazor Server Blazor Server razorページとコンポーネントの入力値を連動する razorページのイベントで、サイドバーコンポーネントの入力欄に値を入力する処理を実装した。サイドバーはコンポーネントなので、razorページ内のC#処理からサイドバーの入力欄に値を入力することは出来ませんが、JavaScriptを使えばコ... 2022.01.16 .NET CoreBlazor ServerC#JavaScriptSPA
Blazor Server Blazor Server razorページから個別コンポーネントをイベント操作 トップページが表示されたタイミングで、サイドバーの入力欄にフォーカスをあてる処理を実装しました。サイド バー はコンポーネントなので、razorページ内のイベントからサイド バー の入力欄にフォーカスをあてることは出来ません。razorペー... 2022.01.14 .NET CoreBlazor ServerC#JavaScriptSPAVisual Studio
Blazor Server Blazor Server で画像を作成しダウンロードする(on Linux) Blazor Server でWeb画面やドキュメントを画像データに変換し、ダウンロードする機能を実装する場合、HTMLのテンプレートファイルを用意し、wkhtmltoimage で画像データに変換してからダウンロードするのがベターです。ソ... 2022.01.13 .NET CoreBlazor ServerC#Linux・ShellSPAVisual Studio画像変換
Blazor Server Blazor Server で画像を作成しダウンロードする(on Windows) Blazor Server でWeb画面やドキュメントを画像データに変換し、ダウンロードする機能を実装する場合、HTMLのテンプレートファイルを用意し、wkhtmltoimage で画像データに変換してからダウンロードするのがベターです。 ... 2022.01.10 .NET CoreASP.NET CoreBlazor ServerC#CSSSPAVisual Studio画像変換
Blazor Server Blazor Server でファイルをダウンロードする テキストデータのファイルダウンロード、画像データのファイルダウンロード 処理。ソースコードはGitHubで公開しています。 ソースコード構成 ソースコード変更内容を解説 WebApplication1.csprojDownload/... 2022.01.03 .NET CoreBlazor ServerJavaScriptSPAVisual Studio
Blazor Server Blazor Server で Exception を処理する Exception が発生した際に、ログ出力、画面出力しています。 ユーザーにはメッセージのみ表示し、ソースコードはログを見ないと確認できないようにすることで、ソースコードの漏洩を防ぎ、尚且つ、バグなどで予期せず処理に失敗したことをユーザー... 2022.01.02 .NET CoreBlazor ServerC#SPAVisual Studio
Blazor Server Blazor Server でログを出力する Blazor Server でログを出力する。Windows、Linux どちらへもデプロイ可能。ソースコードはGitHubで公開しています。 ソースコード構成 ソースコード変更内容を解説 WebApplication1.cspro... 2021.12.30 .NET CoreASP.NET CoreBlazor ServerC#NLogSPA
Blazor Server Blazor Server でサイドバーをハンバーガーメニューにする Blazor Server でサイドバーをハンバーガーメニューにした。サイドメニューはこの方式が一番使い勝手が良いと思う。ソースコードはGitHubで公開しています。 ソースコード構成 ソースコード変更内容を解説 Shared/Ma... 2021.12.28 .NET CoreBlazor ServerC#CSSSPAVisual Studio
Blazor Server Blazor Server でヘッダーを1列にする Blazor Server のテンプレートだと、ヘッダーが2列になっていて、それだと業務系WEBサイトでは使い勝手が悪いので、ヘッダーを1列にした。ソースコードはGitHubで公開しています。 ・修正前 ・修正後 ソースコード構成 ... 2021.12.25 .NET CoreBlazor ServerC#SPAVisual Studio