ui for aspnet core examples
1.0.0
Telerik UI untuk ASP.NET adalah pustaka dari 110+ komponen ASP.NET UI fitur lengkap yang memungkinkan Anda untuk membangun semuanya dari aplikasi yang digerakkan oleh data yang kompleks hingga aplikasi web yang menghadap pengguna, dengan banyak opsi kustomisasi yang mencakup setiap kebutuhan pengembangan UI: navigasi dan tata letak, manajemen data dan visualisasi, pengeditan, interaktivitas dan banyak lagi.
Repositori ini berisi contoh -contoh yang terkait dengan UI Telerik untuk komponen inti ASP.NET yang dapat digunakan sebagai tambahan untuk dokumentasi teknis dan demo. Contoh-contoh ini menunjukkan skenario umum dan memberikan jawaban untuk pertanyaan yang sering terjadi mengenai Telerik UI yang paling populer dan banyak digunakan untuk komponen inti ASP.NET:
Sampel UI untuk proyek inti ASP.NET disediakan untuk menunjukkan berbagai pertanyaan, fitur, dan skenario yang sering diajukan. Mereka bukan bagian dari prosedur pengujian kami dan harus dianggap sebagai basis pengetahuan. Proyek diuji hanya setelah pembuatan serta saat memperbarui atau meningkatkan proyek. Prasyarat untuk menjalankan aplikasi sampel adalah telah menginstal ASP.NET Core 3.0.
Repo ini memungkinkan Anda untuk bereksperimen dengan razorpages dan sampel MVC (Model View Controller). Untuk menjalankan proyek dari repositori ini, silakan ikuti langkah -langkah ini:
Proyek ini menggunakan database lokal yang dibuat setelah membangun proyek berdasarkan migrasi yang ada.
Proyek ini menerapkan kebijakan keamanan konten yang ketat untuk mengevaluasi dan mencari javascript di sisi klien.
Catatan : Repositori ini tidak berisi kode sumber aktual komponen, atau aplikasi demo yang tersedia di UI resmi untuk demo inti ASP.NET. Aplikasi Demos tersedia sebagai proyek offline dari UI Telerik Anda untuk instalasi inti ASP.NET.
Periksa UI Telerik untuk ASP.NET Core Roadmap untuk melihat daftar komponen, fitur, dan perkakas yang telah kami rencanakan. Anda juga dapat tetap up-to-date dengan fitur dan bit yang baru dirilis dengan memeriksa apa yang baru
Jika fitur Anda tidak terdaftar di peta jalan produk, periksa portal umpan balik khusus kami. Anda dapat meningkatkan item yang diminta yang ada atau jika Anda tidak melihat fitur Anda di portal kami, Anda dapat meminta fitur di sana.
| Asp.net Core Datagrid Component | Fitur Grid | Dokumentasi Grid | Demo kisi |
| Asp.net Core ListView Component | Daftar tampilan fitur | Dokumentasi ListView | Demo ListView |
| Asp.net Core Treelist Component | Fitur Daftar Pohon | Dokumentasi Treeelist | Demo treelist |
| Asp.net Core Filter Component | Fitur Filter | Dokumentasi Filter | Demo filter |
| Asp.net Core PivotGrid Component | Fitur PivotGrid | Dokumentasi PivotGrid | Demo pivotgrid |
| Asp.net Core PivotGrid V.2 Komponen | Fitur PivotGrid V.2 | Dokumentasi PivotGrid V.2 | PivotGrid v.2 demo |
| Asp.net Core Pager Component | Fitur pager | Dokumentasi pager | Demo pager |
| Asp.net Core Spreadsheet Component | Fitur spreadsheet | Dokumentasi spreadsheet | Demo spreadsheet |
| Asp.net Core Taskboard Component | Fitur Papan Tugas | Dokumentasi Papan Tugas | Demo Taskboard |
| Asp> Net Core File Manager | Fitur Manajer File | Dokumentasi Manajer File | Demo manajer file |
| Asp.net Core Unggah Komponen | Fitur Unggah File | Dokumentasi Unggah File | Demo Unggah File |
| ASP.NET Core PDF Viewer | Fitur Pilih File | File -Pilih Dokumentasi | File -Pilih Demo |
| Asp.net Core Map Component | Fitur peta | Dokumentasi peta | Demo peta |
| Komponen Kalender Inti ASP.NET | Fitur Kalender | Dokumentasi Kalender | Demo kalender |
| Asp.net Core Ganttchart Component | Fitur Gantt | Dokumentasi Gantt | Demo Gantt |
| Asp.net Core MultiviewCalendar Component | Fitur MultiviewCalendar | Dokumentasi MultiviewCalendar | Demo multiviewcalendar |
| Komponen Penjadwal Inti ASP.NET | Fitur Penjadwal | Dokumentasi Penjadwal | Demo penjadwal |
| Asp.net Core Autocomplete Component | Fitur AutoComplete | Dokumentasi AutoComplete | Demo AutoComplete |
| ASP.NET CORE CHECKBOXGROUP Komponen | Fitur Centang Kotak | Dokumentasi Centang Kotak | Demo kotak -kotak |
| Asp.net Core ColorGradient Component | Fitur ColorGradient | Dokumentasi ColorGradient | Demo colorgradient |
| Asp.net Core Colorpalette Component | Fitur ColorPalette | Dokumentasi ColorPalette | Demo Colorpalette |
| Asp.net Core ColorPicker Component | Fitur ColorPicker | Dokumentasi ColorPicker | Demo ColorPicker |
| Asp.net Core FlatColorPicker Component | Fitur FlatColorpicker | Dokumentasi FlatColorpicker | Demo flatcolorpicker |
| Asp.net Core ComboBox Component | Fitur ComboBox | Dokumentasi ComboBox | Demo Combobox |
| Asp.net Core MulticolumncomboBox Component | Fitur MulticolumncomboBox | Dokumentasi MulticolumncomboBox | Demo multicolumncombobox |
| Asp.net Core DateInput Component | Fitur DateInput | Dokumentasi DateInput | Demo DateInput |
| ASP.NET Core DatePicker Component | Fitur DatePicker | Dokumentasi DatePicker | Demo datepicker |
| Asp.net Core DaterangePicker Component | Fitur DaterangePicker | Dokumentasi DaterangePicker | Demo daterangePicker |
| Asp.net core datetimePicker komponen | Fitur DateTimePicker | Dokumentasi DatetimePicker | Demo datetimePicker |
| Asp.net Core TimePicker Component | Fitur TimePicker | Dokumentasi TimePicker | Demo timePicker |
| Asp.net Core TimedurationPicker Component | Fitur TimeedurationPicker | Dokumentasi TimeedurationPicker | TimedurationPicker demo |
| Asp.net Core DropdownList Component | Fitur dropdownlist | Dokumentasi DropDownList | Demo dropdownlist |
| Asp.net Core Dropdowntree Komponen | Fitur Pohon Dropdown | Dokumentasi pohon dropdown | Demo pohon dropdown |
| Asp.net Core MaskedTextBox Component | Fitur MaskedTextBox | Dokumentasi MaskedTextBox | Demo maskedtextbox |
| Asp.net Core Multiselect Component | Fitur Multi Select | Dokumentasi Multiselect | Demo multiselect |
| Asp.net Core NumerictextBox Component | Fitur kotak teks numerik | Dokumentasi NumerictextBox | Demo numerictextbox |
| Asp.net Core Radiogroup Component | Fitur Grup Radio | Dokumentasi RadioGroup | Demo radiografi |
| Asp.net Core Rating Component | Fitur Grup Penilaian | Dokumentasi peringkat | Demo peringkat |
| Asp.net Core Editor Component | Fitur Editor | Dokumentasi Editor | Demo editor |
| Asp.net Core Textarea Component | Fitur Area Teks | Dokumentasi TextArea | Demo textarea |
| Asp.net Core Textbox Component | Fitur TextBox | Dokumentasi TextBox | Demo kotak teks |
| Asp.net Core Signature Component | Fitur tanda tangan | Dokumentasi tanda tangan | Demo tanda tangan |
| Asp.net Core Slider Component | Fitur Slider | Dokumentasi Slider | Demo slider |
| Asp.net Core Image Editor Component | Fitur Editor Gambar | Dokumentasi Editor Gambar | Demo Editor Gambar |
| Asp.net Core Switch Component | Sakelar fitur | Beralih dokumentasi | Beralih demo |
| Asp.net Core Listbox Component | Fitur ListBox | Dokumentasi ListBox | Demo ListBox |
| Asp.net Core Captcha Component | Fitur captcha | Dokumentasi CAPTCHA | Demo captcha |
| Asp.net Core Chart Component | Fitur Bagan | Dokumentasi Bagan | Demo bagan |
| Asp.net Core Area Chart Component | Fitur Bagan Area | Dokumentasi AREACHART | Demo Areachart |
| Asp.net Core Bar Chart Component | Fitur bagan batang | Dokumentasi bagan bar | Demo bagan bar |
| Asp.net Core Diagram Component | Fitur Diagram | Dokumentasi Diagram | Demo Diagram |
| Asp.net Core Bubble Chart Component | Fitur Grafik Gelembung | Dokumentasi Bubblechart | Demo Bubblechart |
| Asp.net Core Line Chart Component | Fitur Line Chart | Dokumentasi Linechart | Demo linechart |
| Asp.net Core Donut Chart Component | Fitur Bagan Donat | Dokumentasi Donutchart | Demo Donutchart |
| Asp.net Core Pie Chart Component | Fitur bagan pai | Dokumentasi Piechart | Demo piechart |
| Asp.net Core Stock Chart Component | Fitur Bagan Saham | Dokumentasi StockChart | Demo stockchart |
| Asp.net Core Heatmap Chart Component | Fitur Bagan Heatmap | Dokumentasi HeatMapChart | Demo Heatmapchart |
| Asp.net Core Radar Chart Components | Fitur Bagan Radararea | Dokumentasi Radareachart | Demo radareachart |
| Asp.net Core Orgchart Component | Fitur Orgchart | Dokumentasi Orgchart | Demo orgchart |
| Asp.net Core TreeMap Component | Fitur TreeMap | Dokumentasi TreeMap | Demo TreeMap |
| Asp.net Core QR Code Component | Fitur Kode QR | Dokumentasi Kode QR | Demo Kode QR |
| Asp.net Core Barcode Component | Fitur Kode QR | Dokumentasi Barcode | Demo barcode |
| Asp.net Core Arcgeuge Component | Fitur arcgeuge | Dokumentasi Arcgeuge | Demo arcgeuge |
| ASP.NET Core CirculaGeuge Component | Fitur CirculaGeuge | Dokumentasi CirculaGeuge | Demo CirculaGeuge |
| Asp.net Core Lineargeuge Component | Fitur Lineargeuge | Dokumentasi lineargeuge | Demo lineargeuge |
| Asp.net Core Radialgeuge Component | Fitur Radialgauge | Dokumentasi Radiialgeuge | Demo radialgauge |
| Asp.net Core ProgressBar Component | Fitur ProgressBar | Dokumentasi ProgressBar | Demo progresbar |
| ASP.NET Core Circular ProgressBar Component | Circular ProgressBar fitur | Dokumentasi Circular ProgressBar | Demo ProgressBar Circular |
| Asp.net Core Loader Component | Fitur Loader | Dokumentasi Loader | Demo loader |
| Asp.net Core Tooltip Component | Fitur tooltip | Dokumentasi Tooltip | Demo tooltip |
| Asp.net Core Notification Component | Fitur Pemberitahuan | Dokumentasi Pemberitahuan | Demo pemberitahuan |
| Asp.net Core Skeleton Container Component | Fitur Wadah Kerangka | Dokumentasi Kontainer Kerangka | Demo wadah kerangka |
| Asp.net Core Sortable Component | Fitur yang dapat diurutkan | Dokumentasi yang dapat diurutkan | Demo yang dapat diurutkan |
| Asp.net Core Conversational UI (Chat) komponen | Fitur UI Conversational | Dokumentasi UI percakapan | Demo UI percakapan |
| Asp.net Core Ripple Container Component | Fitur Wadah Riak | X | Demo wadah riak |
| Asp.net Core Avatar Component | Fitur Avatar | Dokumentasi Avatar | Demo avatar |
| Asp.net Core Card Component | Fitur Kartu | Dokumentasi kartu | Demo kartu |
| Asp.net Core Dialog Component | Fitur Dialog | Dokumentasi Dialog | Demo dialog |
| Asp.net Core Form Component | Fitur bentuk | Dokumentasi formulir | Bentuk demo |
| Asp.net Core Gridlayout Component | Fitur Gridlayout | Dokumentasi Gridlayout | Demo Gridlayout |
| Asp.net Core Expansion Panel Component | Fitur ExpansionPanel | Dokumentasi ExpansionPanel | Demo ExpansionPanel |
| Asp.net Core Stacklayout Component | Fitur Stacklayout | Dokumentasi Stacklayout | Demo Stacklayout |
| Asp.net Core Badge Component | Fitur Lencana | Dokumentasi lencana | Demo lencana |
| Asp.net Core Splitter Component | Fitur splitter | Dokumentasi splitter | Demo splitter |
| Asp.net Core Tilelayout Component | Fitur Tilelayout | Dokumentasi Tilelayout | Demo tilelayout |
| Asp.net Core Popover Component | Fitur Popover | Dokumentasi Popover | Demo popover |
| Asp.net Core Responsif Panel Component | Fitur Panel Responsif | Dokumentasi Panel Responsif | Demo panel responsif |
| Komponen Jendela Inti Asp.net | Fitur Jendela | Dokumentasi Jendela | Demo jendela |
| Asp.net Core Actions Component | Fitur Actionsheet | Dokumentasi Actionsheet | Demo Actionsheet |
| Asp.net Core Appbar Component | Fitur AppBar | Dokumentasi Appbar | Demo Appbar |
| Asp.net Core Navigasi Bawah Komponen | Fitur BottomNavigation | Dokumentasi BottomNavigation | Demo BottomNavigasi |
| Asp.net Core Breadcrumb Component | Fitur remah roti | Dokumentasi remah roti | Demo remah roti |
| Asp.net Core Button Component | Fitur tombol | Dokumentasi Tombol | Demo tombol |
| Asp.net Core Buttongroup Component | Fitur Buttongroup | Dokumentasi Buttongroup | Demo buttongroup |
| Asp.net Core Chip Component | Fitur chip | Dokumentasi chip | Demo chip |
| Asp.net Core Chiplist Component | Fitur Chiplist | Dokumentasi Chiplist | Demo chiplist |
| Komponen Menu Inti Asp.net | Fitur Menu | Dokumentasi Menu | Demo menu |
| Asp.net Core Laci Komponen | Fitur laci | Dokumentasi Laci | Demo laci |
| Asp.net Core Dropdown Button Component | Fitur tombol dropdown | Dokumentasi tombol dropdown | Demo tombol dropdown |
| Asp.net Core Panelbar Component | Fitur PanelBar | Dokumentasi Panelbar | Demo panelbar |
| Asp.net Core FloatingAction Component Tombol | Fitur floatingactionButton | Dokumentasi FloatingActionButton | Demo floatingactionButton |
| Asp.net Core SplitButton Component | Fitur SplitButton | Dokumentasi SplitButton | Demo SplitButton |
| Asp.net Core Timeline Component | Fitur Timeline | Dokumentasi Timeline | Demo timeline |
| Asp.net Core Tabstrip Component | Fitur Tabstrip | Dokumentasi Tabstrip | Demo tabstrip |
| Asp.net Core Toolbar Component | Fitur toolbar | Dokumentasi toolbar | Demo bilah alat |
| Asp.net Core Treeview Component | Fitur Treeview | Dokumentasi Treeview | Demo Treeview |
| Asp.net Core Stepper Component | Fitur Stepper | Dokumentasi Stepper | Demo Stepper |
| Asp.net Core Wizard Component | Fitur Wizard | Dokumentasi Wizard | Demo penyihir |
| Asp.net Core Mediaplayer Component | Fitur Mediaplayer | Dokumentasi Mediaplayer | Demo Mediaplayer |
| Asp.net Core Scrollview Component | Fitur ScrollView | Dokumentasi ScrollView | Demo scrollview |
Sebagai bagian dari UI Telerik Anda untuk uji coba gratis ASP.NET Core atau salinan berlisensi, Anda mendapatkan akses ke beberapa pustaka pemrosesan dokumen yang memungkinkan Anda untuk mengonversi, mengelola, dan mengekspor data ke berbagai format file.
| ASP.NET Core PDF Processing Library | Fitur Pemrosesan PDF | Dokumentasi Pemrosesan PDF | Demo pemrosesan PDF |
| ASP.NET Core Spread Processing Library | Fitur pemrosesan penyebaran | Dokumentasi pemrosesan penyebaran | Penyebaran demo pemrosesan |
| ASP.NET Core Spreadstream Processing Library | Fitur pemrosesan spreadstream | Dokumentasi pemrosesan spreadstream | Demo pemrosesan spreadstream |
| Asp.net Core Words Processing Library | Fitur Pemrosesan Kata -kata | Dokumentasi pemrosesan kata -kata | Kata -kata pemrosesan demo |
| ASP.NET Core ZIP Library | Fitur Perpustakaan Zip | Dokumentasi Perpustakaan Zip | Demo perpustakaan zip |
Telerik UI untuk ASP.NET Core Productivity Tools untuk kode studio visual termasuk UI untuk perancah inti ASP.NET, paket cuplikan kode, templat proyek dengan komponen Telerik, Telerik Rept untuk ASP.NET Core
| ASP.NET Core Visual Studio Code | Ikhtisar Kode Studio Visual | Dokumentasi Kode Visual Studio |
Telerik UI untuk ASP.NET Core menawarkan berbagai tema bawaan yang dirancang secara profesional dan dapat disesuaikan ditambah pembangun tema Telerik Sass untuk membantu Anda membuat dan mengirimkan UI sesuai dengan kebutuhan bisnis. Telerik UI untuk ASP.NET Core mencakup empat tema bawaan: Tema Default Core ASP.NET, Bahan, Lancar dan Tema Bootstrap, serta beberapa carikan warna termasuk "Ocean Blue" yang menargetkan kepatuhan aksesibilitas.
| Empat Kit Desain Telerik UI untuk Figma | Telerik UI Figma Design Kit | Dokumentasi |
| ASP.NET Core ThemeBuilder | Terapkan Warna Merek Anda | Telerik UI untuk Asp.net Core ThemeBuilder App |
Kami membuat aplikasi dasbor admin inti ASP.NET untuk menggambarkan bagaimana aplikasi tersebut dapat terlihat mengikuti praktik terbaik membangun UI dengan telerik UI untuk komponen ASP.NET. Ini menunjukkan tampilan dan nuansa komponen dan dapat digunakan sebagai sumber daya leran oleh siapa pun yang mempertimbangkan untuk menggunakan komponen UI Telerik untuk membangun UI, terlepas dari pengalaman mereka. Demo ini mencakup aplikasi dasbor admin lengkap, termasuk pelacakan tugas, katalog produk, pengaturan akun dll., Dan menunjukkan betapa mudahnya membangun UI dengan bantuan komponen kompleks seperti datagrid (tabel), grafik, formulir, dan banyak lagi!.
Aplikasi Portofolio Saham Inti ASP.NET adalah aplikasi web progresif (PWA) yang menampilkan cara membuat dasbor keuangan yang dinamis dan cepat dan efisien. Ini menggunakan beberapa UI Telerik yang paling terkenal untuk komponen inti ASP.NET dan menunjukkan pembaruan data dinamis secara real time, memungkinkan untuk fleksibilitas yang hebat dan pemantauan data yang efisien tanpa penundaan yang terlihat. Aplikasi sampel menggunakan komponen seperti ASP.NET Core Grid, grafik, dropdownlist, heatmap, kalender dan banyak lagi!
Aplikasi ASP.NET Core + Bootstrap menunjukkan cara membuat aplikasi responsif menggunakan telerik UI untuk ASP.NET Core di samping Bootstrap Twitter. Tata letak grid dan CSS responsif didasarkan pada bootstrap, sedangkan komponen disediakan oleh Telerik UI untuk ASP.NET Core. Demo ini memungkinkan Anda untuk mengubah ukuran halaman dengan mengubah ukuran font atau menyesuaikannya menggunakan pemetik di atas untuk mengalami fitur responsifnya.
Proyek biasanya merujuk versi komersial UI untuk komponen Blazor. Jika Anda hanya memiliki lisensi uji coba, ganti referensi ke paket Nuget dan ke file interop JS dan/atau tema yang sesuai.
Referensi (baik untuk Telerik UI untuk ASP.NET Core, dan .NET Framework) biasanya terkini untuk saat penciptaan. Anda mungkin perlu memperbarui ke versi terbaru mereka dan membuat perubahan yang diperlukan. Kerangka kerja Blazor (?) Berkembang dengan cepat dan contoh -contoh ini mungkin tidak memperbarui referensi mereka sepanjang waktu. Namun demikian, pendekatan umum harus tetap valid, membatasi perubahan kerangka kerja.
Masalah dan permintaan tarik dipersilakan.
Untuk mengirimkan permintaan tarik, Anda harus terlebih dahulu membayar repo .
Telerik UI untuk ASP.NET Core adalah perpustakaan UI komersial. Untuk menggunakan komponen, Anda harus mendaftar untuk uji coba gratis atau membeli lisensi.
Uji coba gratis 30 hari dapat diperoleh dari Telerik UI untuk halaman produk Core ASP.NET dan memberi Anda akses ke semua Telerik UI untuk komponen inti ASP.NET dan fungsionalitas lengkapnya. Untuk pelanggaran lebih lanjut mengenai lisensi yang tersedia dan opsi Budnle, Anda dapat meninjau halaman penetapan harga produk.
Untuk pencoba aktif dan pemegang lisensi, Anda mendapatkan akses ke sesi pelatihan teknis sesuai permintaan dan dukungan teknis legendaris kami yang disediakan langsung oleh UI untuk tim dev inti ASP.NET!
Semua pemegang lisensi aktif memiliki akses ke feed Telerik Nuget pribadi. Telerik.Examples.Mvc dan Telerik.Examples.RazorPages merujuk paket nuget lokal yang merupakan versi uji coba dari UI Telerik untuk ASP.NET Core Nuget.
Untuk menambahkan referensi ke paket nuget komersial, ikuti langkah -langkah di bawah ini:
Arahkan ke dependensi> Paket dari Solution Explorer di Visual Studio.
Klik kanan pada telerik.ui.for.aspnet.core.trial dan pilih Hapus dari menu konteks.
Buka Tools> Nuget Package Manager> Pengaturan Paket Manajer , pilih Sumber Manajer Paket dan kemudian klik tombol +.
Pilih nama umpan, atur URL umpan ke: https://nuget.telerik.com/v3/index.json dan klik OK.
Jelajahi dan instal paket nuget telerik.ui.for.aspnet.core .
Visual Studio terkadang menyimpan paket Nuget dan harus dibersihkan. Untuk melakukan ini, buka perintah Tools> Nuget Package Manager> Paket Manajer Pengaturan menu, lalu pilih Hapus Semua Nuget Cache (S) .
Jika kesalahan ada di manajer paket dan referensi ke sumber yang dihapus masih berdiri, оpen feed paket nuget dan hapus referensi secara manual.
Untuk informasi lebih lanjut tentang cara menambahkan umpan telerik nuget pribadi dan instal paket lihat instalasi nuget di artikel Core ASP.NET
