integralui lite blazor
24.3
BlazorのIntegralui Liteは、Blazor .Net用の高度でカスタマイズ可能な高性能コンポーネントの無料のUIライブラリです。
商業用に無料で注意してください。
注このライブラリは、完全な製品パッケージのライトバージョンです：Integralui for Blazor。このバージョンでは、より高度なコンポーネント機能の一部が除外されています。
以下は、含まれているものの簡単な概要です。
ボタン - ボタンを表します
Buttongroup-グループに配置された複数のボタンのアクションを管理する
カレンダー - ユーザーがビジュアルマンスリーカレンダーディスプレイを使用して日付を選択できるようにします
カード - 両側のフリップカード
チェックボックス - チェックボックスを表します
ドロップダウン - ドロップダウンウィンドウに他のコンポーネントが表示されます
リスト - カスタムレイアウトにコンテンツを含むアイテムのシンプルなリストを表示します
ポップオーバー - 指定された要素にカスタムHTMLコンテンツを表示します
RadioButton-ラジオボタンを表します
選択 - ドロップダウンリストからアイテムを選択できます
ツールチップ - 要素にツールチップを追加します
TreeList-一度に1つのリストのみを示すツリー階層をナビゲートできます
Blazor用のIntegralui Liteは、.NET 8.0フレームワークで構築されています。
オンラインQuickStartアプリ -各コンポーネントのオンラインデモが含まれています
npm install https://github.com/lidorsystems/integralui-lite-blazor.gitまたはNPMから直接
npm i integralui-lite-blazorライブラリファイルは、製品のインストールディレクトリの /ビンフォルダーにあります。
これで、Integralui Liteライブラリで利用可能なすべてのコンポーネントを使用できます。インポートできる名前スペースはほとんどありません。
Integralui.lite.comPonents
integralui.lite.data
Integralui.lite.events
Integralui.lite.interfaces
integralui.lite.services
すべてのコンポーネントは、integralui.lite.componentsネームスペースの下にあります。
最初は、Blazorライブラリ用のIntegralui Liteを側面にインストールし、使用するコンポーネントへの参照を追加する必要があります（上記の手順を参照）。
IntegralUIリストコンポーネントの場合、次のことを行う必要があります。
例えば：
@page "/"
<IntegralUIList @ref=listRef Id="list-sample" TItem="CustomItem"
Items="@items"
MouseWheelSpeed="IntegralUISpeedMode.VerySlow"
Size="@ctrlSize">
<ItemTemplate>
<span>@context.Item?.Text</span>
</ItemTemplate>
</IntegralUIList>
@code {
// Get a reference to the IntegralUI TreeView component to call public methods
private IntegralUIList<CustomItem>? listRef;
// Data model
public class CustomItem
{
public string? Id { get; set; }
public string? Genre { get; set; }
public double Rating { get; set; }
public bool Selected { get; set; } = false;
public string? Text { get; set; }
public int Year { get; set; }
}
// Define the component size
public IntegralUISize ctrlSize = new() { Width = 350, Height = 300 };
// Add items to the List component
public List<CustomItem> items = new()
{
new CustomItem { Id = "1", Genre = "Sci-Fi", Text = "Star Trek", Year = 2009, Rating = 8 },
new CustomItem { Id = "2", Genre = "Adventure", Text = "Cast Away", Year = 2000, Rating = 7 },
new CustomItem { Id = "3", Genre = "Action", Text = "Gladiator", Year = 2000, Rating = 8 },
// . . .
};
}
Blazor製品パッケージのIntegralui Liteに含まれる各コンポーネントのサンプルを含むソースコードを備えたデモアプリケーションがあります。コンポーネントについて学習し、テストをすぐに作成するのに役立ちます。
クイックスタートプロジェクトは、製品インストールディレクトリで /QuickStartフォルダーの下にあります。
この製品を自由に使用して、インターネットおよびイントラネットのWebサイト、Webアプリケーション、その他の製品を充電なしで開発できます。
このプロジェクトは、BlazorライセンスのためにIntegralui Liteの下でリリースされており、ライセンスに準拠している場合を除いて使用することはできません。ライセンスのコピーは、製品のルートインストールディレクトリにインストールされている必要があります。そうしないと、ライセンス契約にご覧いただけます。
このソフトウェアには、「現状のまま」が提供され、いかなる種類の保証もありません。ライセンスに基づく権利と制限を管理する特定の言語のライセンスを参照してください。
