Skip to content

README.md

Latest commit

 

History

History
110 lines (71 loc) · 3.12 KB

README.md

File metadata and controls

110 lines (71 loc) · 3.12 KB
Raw

Bindings.MudBlazor

Codeer.LowCode.BlazorにMudBlazor UIコンポーネントを追加するためのライブラリです。

サンプル

⚠️ Maintenance Status

This project is no longer actively maintained. New development, bug fixes, and support are not currently planned. The related NuGet package has also been unlisted and is not recommended for new projects.

インストール

パッケージのインストール

LowCodeApp.Client.Shared プロジェクトにNuGetから次のパッケージをインストールしてください。

  • Codeer.LowCode.Bindings.MudBlazor

コードの修正

ライブラリの使用に必要なコードを以下のプロジェクトにそれぞれ追加する必要があります。

  • LowCodeApp.Client
  • LowCodeApp.Shared
  • LowCodeApp.Designer

LowCodeApp.Client

Program.cs に以下のコードを追加してください。

MudBlazorLoader.LoadAssemblies();
builder.Services.AddMudServices();

MainLayout.razor に以下のコードを追加してください。

@using Codeer.LowCode.Bindings.MudBlazor.Installer

<MudBlazorInstaller />

LowCodeApp.Server

Program.cs に以下のコードを追加してください。

MudBlazorLoader.LoadAssemblies();

LowCodeApp.Designer

App.xaml.cs に以下のコードを追加してください。

MudBlazorLoader.LoadAssemblies();
Services.AddMudServices();
BlazorRuntime.InstallAssemblyInitializer(typeof(MudBlazorInstaller).Assembly);
BlazorRuntime.InstallRenderProvider(typeof(MudBlazorInstaller));

使用方法

DesignerからMudBlazor UIを使用したコンポーネントが配置できるようになっています。 通常のButtonやBooleanの代わりにMudButtonやMudBooleanを使用してください。

// 画像

サポートしているタイプ

Codeer.LowCode.Blazorの標準コントロールに対応するMudBlazorコントロールは以下の通りです。

Codeer.LowCode.Blazor MudBlazor
Boolean MudBoolean
Button MudButton
Date MudDate
DateTime MudDateTime
Id MudId
Link MudLink
Number MudNumber
Password MudPassword
RadioButton MudRadioButton
RadioGroup MudRadioGroup
Select MudSelect
Text MudText
Time MudTime

カスタムコントロール

このライブラリでは次の2個のカスタムコントロールが提供されています。

  • MudCalendar
  • MudChart

MudCalendar

Heron.MudCalendar を使用してカレンダーを表示することができます。

image

MudChart

データをグラフで表示するためのコントロールです。

image