Codeer.LowCode.Blazor.Extras
0.0.18
dotnet add package Codeer.LowCode.Blazor.Extras --version 0.0.18
NuGet\Install-Package Codeer.LowCode.Blazor.Extras -Version 0.0.18
<PackageReference Include="Codeer.LowCode.Blazor.Extras" Version="0.0.18" />
<PackageVersion Include="Codeer.LowCode.Blazor.Extras" Version="0.0.18" />
<PackageReference Include="Codeer.LowCode.Blazor.Extras" />
paket add Codeer.LowCode.Blazor.Extras --version 0.0.18
#r "nuget: Codeer.LowCode.Blazor.Extras, 0.0.18"
#:package Codeer.LowCode.Blazor.Extras@0.0.18
#addin nuget:?package=Codeer.LowCode.Blazor.Extras&version=0.0.18
#tool nuget:?package=Codeer.LowCode.Blazor.Extras&version=0.0.18
Codeer.LowCode.Blazor.Extras
Codeer.LowCode.Blazor に高機能UIコンポーネントを追加する拡張フィールドライブラリです。
提供フィールド
| フィールド | 説明 |
|---|---|
| CalendarField | 月・週・日表示のカレンダー。イベントの表示・追加・編集が可能 |
| GanttField | SVGベースのガントチャート。タスクのドラッグ移動・リサイズ、依存関係の管理が可能 |
| TaskBoardField | カンバンボード。ドラッグ&ドロップでステータス変更が可能 |
| RichTextField | 書式付きテキストエディタ。太字・色・リンクなどのHTMLフォーマットに対応 |
| ColorPickerField | カラーピッカー。HTML5ネイティブカラーピッカーで色をHEX文字列として保存 |
| MarkerListField | 画像上にマーカー(ピン)を配置・操作するフィールド |
| EnterFocusMoveField | Enterキーでモジュール内の次の入力要素にフォーカスを移動させるユーティリティフィールド |
| PasswordHashField | パスワードを Submit 時にハッシュ + ソルトへ変換して DB に書き込む補助フィールド (サーバサイド実装が必要) |
セットアップ
1. NuGet パッケージのインストール
以下のプロジェクトにそれぞれ NuGet パッケージをインストールしてください。
| インストール先プロジェクト | パッケージ名 |
|---|---|
| LowCodeApp.Client.Shared | Codeer.LowCode.Blazor.Extras |
| LowCodeApp.Designer | Codeer.LowCode.Blazor.Extras.Designer |
2. コードの修正
ライブラリの使用に必要なコードを以下のプロジェクトにそれぞれ追加する必要があります。
LowCodeApp.Client.Shared
Services/AppInfoService.cs の AppInfoService コンストラクタに以下のコードを追加してください。
using Codeer.LowCode.Blazor.Extras;
// AppInfoService コンストラクタ内
ExtrasClientInitializer.Initialize(this);
LowCodeApp.Server
Program.cs に以下のコードを追加してください。
using Codeer.LowCode.Blazor.Extras;
ExtrasServerInitializer.Initialize();
LowCodeApp.Designer
App.xaml.cs に以下のコードを追加してください。
using Codeer.LowCode.Blazor.Extras.Designer;
// OnStartup メソッド内
ExtrasDesignerInitializer.Initialize(BlazorRuntime);
3. セットアップ完了
以上でセットアップは完了です。Designer から Extras のフィールドが配置できるようになります。
各フィールドの詳細
各フィールドの詳しい説明は以下のドキュメントを参照してください。
- CalendarField - カレンダー
- GanttField - ガントチャート
- TaskBoardField - カンバンボード
- RichTextField - リッチテキストエディタ
- ColorPickerField - カラーピッカー
- MarkerListField - 画像マーカー
- EnterFocusMoveField - Enterキーでフォーカス移動
- PasswordHashField - パスワードハッシュ
CSS カスタマイズ
各フィールドの見た目はCSSで自由にカスタマイズできます。詳しくは CSS カスタマイズガイド を参照してください。
ライセンス
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 was computed. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net8.0
- Codeer.LowCode.Blazor (>= 1.2.61)
- Microsoft.AspNetCore.Components.WebAssembly (>= 8.0.8)
- Microsoft.AspNetCore.WebUtilities (>= 8.0.8)
- Microsoft.Extensions.Http (>= 8.0.0)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Codeer.LowCode.Blazor.Extras:
| Package | Downloads |
|---|---|
|
Codeer.LowCode.Blazor.Extras.Designer
Designer support for Codeer.LowCode.Blazor.Extras. Provides property controls and initializers for the LowCode Designer application. |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 0.0.18 | 94 | 5/23/2026 |
| 0.0.17 | 103 | 5/17/2026 |
| 0.0.15 | 98 | 5/13/2026 |
| 0.0.14 | 96 | 5/6/2026 |
| 0.0.13 | 97 | 4/30/2026 |
| 0.0.12 | 107 | 4/29/2026 |
| 0.0.11 | 100 | 4/27/2026 |
| 0.0.10 | 93 | 4/27/2026 |
| 0.0.9 | 99 | 4/27/2026 |
| 0.0.8 | 115 | 4/16/2026 |
| 0.0.7 | 93 | 4/16/2026 |
| 0.0.6 | 99 | 4/16/2026 |
| 0.0.5 | 101 | 4/12/2026 |
| 0.0.4 | 106 | 4/1/2026 |
| 0.0.3 | 147 | 3/16/2026 |
| 0.0.2 | 135 | 3/10/2026 |