Blazor Server

Blazor Server

Blazor Server で入力イベント処理を行う場合は @oninput を使う

入力欄の値が変更されたらタイミングのイベント処理を、@onchange で実装しようとしたのですが、@onchange イベントだとロストフォーカスされるまでイベントが発生せず、使い勝手がイマイチですが、@oninput イベントを使うと良...
Blazor Server

Blazor Server razorページとコンポーネントの入力値を連動する

razorページのイベントで、サイドバーコンポーネントの入力欄に値を入力する処理を実装した。サイドバーはコンポーネントなので、razorページ内のC#処理からサイドバーの入力欄に値を入力することは出来ませんが、JavaScriptを使えばコ...
Blazor Server

Blazor Server razorページから個別コンポーネントをイベント操作

トップページが表示されたタイミングで、サイドバーの入力欄にフォーカスをあてる処理を実装しました。サイド バー はコンポーネントなので、razorページ内のイベントからサイド バー の入力欄にフォーカスをあてることは出来ません。razorペー...
Blazor Server

Blazor Server で画像を作成しダウンロードする(on Linux)

Blazor Server でWeb画面やドキュメントを画像データに変換し、ダウンロードする機能を実装する場合、HTMLのテンプレートファイルを用意し、wkhtmltoimage で画像データに変換してからダウンロードするのがベターです。ソ...
Blazor Server

Blazor Server で画像を作成しダウンロードする(on Windows)

Blazor Server でWeb画面やドキュメントを画像データに変換し、ダウンロードする機能を実装する場合、HTMLのテンプレートファイルを用意し、wkhtmltoimage で画像データに変換してからダウンロードするのがベターです。 ...
Blazor Server

Blazor Server でファイルをダウンロードする

テキストデータのファイルダウンロード、画像データのファイルダウンロード 処理。ソースコードはGitHubで公開しています。   ソースコード構成   ソースコード変更内容を解説 WebApplication1.csprojDownload/...
Blazor Server

Blazor Server で Exception を処理する

Exception が発生した際に、ログ出力、画面出力しています。 ユーザーにはメッセージのみ表示し、ソースコードはログを見ないと確認できないようにすることで、ソースコードの漏洩を防ぎ、尚且つ、バグなどで予期せず処理に失敗したことをユーザー...
Blazor Server

Blazor Server でログを出力する

Blazor Server でログを出力する。Windows、Linux どちらへもデプロイ可能。ソースコードはGitHubで公開しています。   ソースコード構成   ソースコード変更内容を解説 WebApplication1.cspro...
Blazor Server

Blazor Server でサイドバーをハンバーガーメニューにする

Blazor Server でサイドバーをハンバーガーメニューにした。サイドメニューはこの方式が一番使い勝手が良いと思う。ソースコードはGitHubで公開しています。   ソースコード構成   ソースコード変更内容を解説 Shared/Ma...
Blazor Server

Blazor Server でヘッダーを1列にする

Blazor Server のテンプレートだと、ヘッダーが2列になっていて、それだと業務系WEBサイトでは使い勝手が悪いので、ヘッダーを1列にした。ソースコードはGitHubで公開しています。 ・修正前 ・修正後   ソースコード構成   ...