integralui lite blazor
24.3
Integralui Lite for Blazor adalah perpustakaan UI gratis komponen canggih, dapat disesuaikan, dan berkinerja tinggi untuk Blazor .net.
Catatan gratis untuk penggunaan komersial.
Catatan Perpustakaan ini adalah versi LITE dari paket produk lengkap: Integralui untuk Blazor. Beberapa fitur komponen yang lebih canggih dikecualikan dalam versi ini.
Berikut ini adalah gambaran singkat tentang apa yang termasuk:
Tombol - mewakili tombol
Buttongroup - mengelola tindakan beberapa tombol yang diatur dalam grup
Kalender - Mengaktifkan pengguna untuk memilih tanggal menggunakan tampilan kalender bulanan visual
Kartu - kartu flip dengan dua sisi
Kotak centang - mewakili kotak centang
Dropdown - menunjukkan komponen lain di jendela dropdown
Daftar - Menampilkan daftar item sederhana dengan konten di tata letak khusus
Popover - Menampilkan konten HTML khusus atas elemen yang ditentukan
RadioButton - mewakili tombol radio
Pilih - Memungkinkan Anda memilih item dari daftar dropdown
Tooltip - Menambahkan tooltip ke elemen
TreeList - memungkinkan Anda menavigasi melalui hierarki pohon yang hanya menampilkan satu daftar sekaligus
Integralui Lite for Blazor dibangun dengan .NET 8.0 Framework.
Aplikasi QuickStart Online - Demo Online dari setiap komponen yang disertakan
npm install https://github.com/lidorsystems/integralui-lite-blazor.gitatau langsung dari NPM
npm i integralui-lite-blazorFile perpustakaan terletak di /bin folder direktori instalasi produk.
Sekarang Anda dapat menggunakan semua komponen yang tersedia di Perpustakaan Integralui Lite. Ada beberapa ruang nama yang dapat Anda impor:
Integralui.lite.components
Integralui.lite.data
Integralui.lite.events
Integralui.lite.interfaces
Integralui.lite.services
Semua komponen terletak di bawah integralui.lite.components namespace.
Pada awalnya, Anda perlu menginstal IntegralUi Lite for Blazor Library di sisi Anda dan menambahkan referensi ke komponen yang ingin Anda gunakan (lihat langkah -langkah di atas).
Dalam hal komponen daftar integralui, Anda perlu melakukan hal berikut:
Misalnya:
@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 },
// . . .
};
}
Ada aplikasi demo dengan kode sumber yang berisi sampel untuk setiap komponen yang termasuk dalam Paket Produk Integralui untuk Blazor. Ini dapat membantu Anda memulai dengan cepat dengan belajar tentang komponen dan menulis tes dengan segera.
Proyek Mulai Cepat tersedia di bawah /QuickStart Folder di Direktori Instalasi Produk.
Anda bebas menggunakan produk ini untuk mengembangkan situs web internet dan intranet, aplikasi web dan produk lainnya, tanpa biaya.
Proyek ini telah dirilis di bawah Integralui Lite untuk Lisensi Blazor, dan tidak dapat digunakan kecuali sesuai dengan lisensi. Salinan lisensi seharusnya telah diinstal di direktori instalasi root produk atau dapat ditemukan di sini: perjanjian lisensi.
Perangkat lunak ini disediakan "sebagaimana adanya", tanpa jaminan apa pun, baik tersurat maupun tersirat. Lihat lisensi untuk hak dan batasan yang mengatur bahasa tertentu di bawah lisensi.
