integralui lite blazor
24.3
Integralui Lite สำหรับ Blazor เป็นห้องสมุด UI ฟรีของส่วนประกอบขั้นสูงปรับแต่งและมีประสิทธิภาพสูงสำหรับ Blazor .NET
หมายเหตุ ฟรีสำหรับการใช้งานเชิงพาณิชย์
หมายเหตุ ไลบรารีนี้เป็นแพ็คเกจผลิตภัณฑ์เต็มรูปแบบ: Integralui สำหรับ Blazor คุณสมบัติส่วนประกอบขั้นสูงบางอย่างได้รับการยกเว้นในเวอร์ชันนี้
นี่คือภาพรวมโดยย่อของสิ่งที่รวมอยู่ด้วย:
ปุ่ม - หมายถึงปุ่ม
ButtonGroup - จัดการการกระทำของหลายปุ่มที่จัดเรียงเป็นกลุ่ม
ปฏิทิน - ช่วยให้ผู้ใช้สามารถเลือกวันที่โดยใช้การแสดงผลปฏิทินรายเดือนภาพ
การ์ด - การ์ดพลิกที่มีสองด้าน
ช่องทำเครื่องหมาย - แสดงช่องทำเครื่องหมาย
ดรอปดาวน์ - แสดงส่วนประกอบอื่น ๆ ในหน้าต่างดรอปดาวน์
รายการ - แสดงรายการอย่างง่าย ๆ ของรายการที่มีเนื้อหาในเลย์เอาต์ที่กำหนดเอง
Popover - แสดงเนื้อหา HTML ที่กำหนดเองผ่านองค์ประกอบที่ระบุ
Radiobutton - แสดงปุ่มตัวเลือก
เลือก - อนุญาตให้คุณเลือกรายการจากรายการดรอปดาวน์
Tooltip - เพิ่มคำแนะนำเครื่องมือให้กับองค์ประกอบ
TREELIST - ช่วยให้คุณสามารถนำทางผ่านลำดับชั้นของต้นไม้ที่แสดงรายการเดียวในแต่ละครั้ง
Integralui Lite สำหรับ 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 Library มีเนมสเปซน้อยที่คุณสามารถนำเข้าได้:
Integralui.lite.Components
integralui.lite.data
integralui.lite.events
integralui.lite.interfaces
integralui.lite.services
ส่วนประกอบทั้งหมดอยู่ภายใต้ Integralui.lite.Components Namespace
ในตอนแรกคุณต้องติดตั้ง Integralui Lite สำหรับไลบรารี 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 },
// . . .
};
}
มีแอปพลิเคชันตัวอย่างที่มีซอร์สโค้ดที่มีตัวอย่างสำหรับแต่ละองค์ประกอบที่รวมอยู่ในแพ็คเกจ Integralui Lite สำหรับแพ็คเกจผลิตภัณฑ์ Blazor มันสามารถช่วยให้คุณเริ่มต้นได้อย่างรวดเร็วด้วยการเรียนรู้เกี่ยวกับส่วนประกอบและเขียนการทดสอบทันที
โครงการเริ่มต้นอย่างรวดเร็วพร้อมใช้งานภายใต้โฟลเดอร์ /QuickStart ในไดเรกทอรีการติดตั้งผลิตภัณฑ์
คุณมีอิสระที่จะใช้ผลิตภัณฑ์นี้เพื่อพัฒนาเว็บไซต์อินเทอร์เน็ตและอินทราเน็ตเว็บแอปพลิเคชันและผลิตภัณฑ์อื่น ๆ โดยไม่มีการเสียค่าใช้จ่าย
โครงการนี้ได้รับการเผยแพร่ภายใต้ใบอนุญาต Integralui Lite สำหรับใบอนุญาต Blazor และไม่สามารถใช้งานได้ยกเว้นตามใบอนุญาต ควรติดตั้งสำเนาใบอนุญาตในไดเรกทอรีการติดตั้งรูทของผลิตภัณฑ์หรือสามารถพบได้ที่นี่: ข้อตกลงใบอนุญาต
ซอฟต์แวร์นี้มีให้ "ตามสภาพ" โดยไม่มีการรับประกันใด ๆ ไม่ว่าจะโดยชัดแจ้งหรือโดยนัย ดูใบอนุญาตสำหรับสิทธิ์และข้อ จำกัด ของภาษาเฉพาะภายใต้ใบอนุญาต
