integralui lite blazor
24.3
Integralui Lite for Blazor هي مكتبة واجهة مستخدم مجانية من مكونات الأداء المتقدمة والقابلة للتخصيص والعالي الأداء للبلازور .NET.
ملاحظة مجانية للاستخدام التجاري.
لاحظ أن هذه المكتبة هي إصدار لايت من حزمة المنتج الكامل: integralui for Blazor. يتم استبعاد بعض ميزات المكونات الأكثر تقدما في هذا الإصدار.
فيما يلي نظرة عامة موجزة على ما يتم تضمينه:
زر - يمثل زر
buttongroup - يدير تصرفات أزرار متعددة مرتبة في المجموعة
التقويم - يمكّن المستخدم من تحديد تاريخ باستخدام عرض تقويم شهري مرئي
بطاقة - بطاقة فليب مع جانبين
مربع الاختيار - يمثل خانة الاختيار
المنسدلة - يعرض مكونات أخرى في نافذة منسدلة
قائمة - يعرض قائمة بسيطة من العناصر مع المحتوى في التخطيطات المخصصة
Popover - يعرض محتوى HTML مخصص على عنصر محدد
Radiobutton - يمثل زر الراديو
حدد - يسمح لك بتحديد عنصر من قائمة المنسدلة
Tooltip - يضيف تلميح الأدوات إلى عنصر
Treelist - يتيح لك التنقل من خلال التسلسل الهرمي للشجرة التي تعرض قائمة واحدة فقط في وقت واحد
تم تصميم integralui lite for Blazor مع .NET 8.0 Framework.
تطبيق QuickStart عبر الإنترنت - تم تضمين عرض تجريبي عبر الإنترنت لكل مكون
npm install https://github.com/lidorsystems/integralui-lite-blazor.gitأو مباشرة من NPM
npm i integralui-lite-blazorتوجد ملفات المكتبة في مجلد /bin من دليل تثبيت المنتج.
يمكنك الآن استخدام جميع المكونات المتوفرة في مكتبة Integralui Lite. هناك عدد قليل من مساحات الأسماء التي يمكنك استيرادها:
integralui.lite.components
integralui.lite.data
integralui.lite.events
integralui.lite.Interfaces
integralui.lite.services
تقع جميع المكونات تحت مساحة اسم integralui.lite.components.
في البداية ، تحتاج إلى تثبيت مكتبة integralui for Blazor على جانبك وإضافة مرجع إلى مكون تريد استخدامه (انظر الخطوات أعلاه).
في حالة مكون قائمة 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 for Blazor. يمكن أن يساعدك في البدء بسرعة في التعلم عن المكونات وكتابة الاختبارات الفورية.
يتوفر مشروع Quick Start Under /QuickStart في دليل تثبيت المنتج.
أنت حر في استخدام هذا المنتج لتطوير مواقع الويب عبر الإنترنت وإنترانت وتطبيقات الويب وغيرها من المنتجات ، دون أي رسوم.
تم إصدار هذا المشروع بموجب ترخيص Integralui Lite for Blazor ، ولا يجوز استخدامه إلا في الامتثال للترخيص. يجب تثبيت نسخة من الترخيص في دليل تثبيت الجذر للمنتج أو يمكن العثور عليه هنا: اتفاقية الترخيص.
يتم توفير هذا البرنامج "كما هو" ، دون أي ضمان من أي نوع ، إما صريح أو ضمني. راجع ترخيص اللغة المحددة التي تحكم الحقوق والقيود بموجب الترخيص.
