آموزش JavaScript Interop در برنامه های Blazor

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

درک نیاز به استفاده از JavaScript در Blazor Understanding the Need to Use JavaScript in Blazor

• مقدمه Introduction

• چرا باید از JavaScript در برنامه Blazor خود استفاده کنید؟ Why Use JavaScript in Your Blazor App?

• سناریوهای پشتیبانی شده جاوا اسکریپت را بشناسید Know the Supported JavaScript Interop Scenarios

• به برنامه Blazor استفاده شده در این دوره نگاه کنید Look at the Blazor App Used in This Course

• طرح کلی دوره Course Outline

فراخوانی توابع جاوا اسکریپت از .NET Invoking JavaScript Functions from .NET

• مقدمه Introduction

• یک پرونده جاوا اسکریپت به برنامه Blazor خود اضافه کنید Add a JavaScript File to Your Blazor App

• یک عملکرد JavaScript در محدوده جهانی ایجاد کنید Create a JavaScript Function in the Global Scope

• یک عملکرد جاوا اسکریپت را باطل کنید Call a JavaScript Function That Returns Void

• یک NET Object را به یک عملکرد JavaScript منتقل کنید Pass a .NET Object to a JavaScript Function

• با یک عملکرد JavaScript تماس بگیرید که یک مقدار را برمی گرداند Call a JavaScript Function That Returns a Value

• یک Object را به عنوان مقدار برگشتی دریافت کنید Get an Object as a Return Value

• ارجاع عنصر HTML به یک تابع JavaScript Pass an HTML Element Reference to a JavaScript Function

• درک JavaScript Interop در چرخه زندگی کامپوننت Understand JavaScript Interop in the Component Lifecycle

• مراجعه به پیش تنظیم سرور در عمل See Server Prerendering in Action

• در چرخه عمر کامپوننت از JavaScript Interop استفاده کنید Use JavaScript Interop in the Component Lifecycle

• از طریق JavaScript یک م Blaلفه Blazor را متمرکز کنید Focus a Blazor Component via JavaScript

• خطاهای جاوا اسکریپت را در NET مدیریت کنید Handle JavaScript Errors in .NET

• عملکردهای جاوا اسکریپت را همزمان فراخوانی کنید Invoke JavaScript Functions Synchronously

• خلاصه Summary

فراخوانی روشهای .NET از JavaScript Invoking .NET Methods from JavaScript

• مقدمه Introduction

• از جاوا اسکریپت با یک روش Static .NET تماس بگیرید Call a Static .NET Method from JavaScript

• از شناسه روش سفارشی استفاده کنید Use a Custom Method Identifier

• از JavaScript با یک روش نمونه .NET تماس بگیرید Call a .NET Instance Method from JavaScript

• با یک متد Component از یک JavaScript Event Handler تماس بگیرید Call a Component Method from a JavaScript Event Handler

• خلاصه Summary

یکپارچه سازی API های مرورگر در برنامه Blazor شما Integrating Browser APIs in Your Blazor App

• مقدمه Introduction

• از برنامه ذخیره سازی محلی مطلع شوید Know the Plan for Local Storage

• به کد C # آماده شده نگاه کنید Look at the Prepared C# Code

• داده ها را در ذخیره سازی محلی Browser ذخیره کنید Store Data in the Browser’s Local Storage

• بررسی کنید که آیا مرورگر آنلاین است Check if the Browser Is Online

• خلاصه Summary

استفاده از JavaScript Interop در کتابخانه های کلاس Razor Using JavaScript Interop in Razor Class Libraries

• مقدمه Introduction

• یک کامپوننت Blazor با JavaScript را به کتابخانه منتقل کنید Move a Blazor Component with JavaScript to a Library

• از کامپوننت Blazor در برنامه Blazor خود استفاده کنید Use the Blazor Component in Your Blazor App

• به م Compلفه نقشه و کتابخانه آن نگاه کنید Look at the Map Component and Its Library

• خلاصه Summary

بسته بندی اجزای JavaScript در .NET Wrapping JavaScript Components in .NET

• مقدمه Introduction

• سناریوی استفاده از شبکه داده را درک کنید Understand the Scenario to Use a Data Grid

• به یک نمونه جاوا اسکریپت نگاه کنید که از Ag-Grid استفاده می کند Look at a JavaScript Sample That Uses the Ag-Grid

• یک کامپوننت BlazorAgGrid ایجاد کنید Create a BlazorAgGrid Component

• کامپوننت Wrapped JavaScript را ابتدا شروع کنید Initialize the Wrapped JavaScript Component

• از BlazorAgGrid در برنامه Blazor استفاده کنید Use the BlazorAgGrid in the Blazor App

• پارامتر RowData Component اضافه کنید Add a RowData Component Parameter

• پشتیبانی از چندین BlazorAgGrid در یک صفحه واحد Support Multiple BlazorAgGrids on a Single Page

• پیاده سازی IDisposable برای تمیز کردن Implement IDisposable to Clean Up

• پیش نمایش و دفع سرور را بفهمید Understand Server Prerendering and Disposing

• یک رویداد OnSelectionChanged اضافه کنید Add an OnSelectionChanged Event

• از رویداد OnSelectionChanged استفاده کنید Use the OnSelectionChanged Event

• روش ShouldRender را نادیده بگیرید Override the ShouldRender Method

• تعاریف ستون را از NET به JavaScript منتقل کنید Pass Column Definitions from .NET to JavaScript

• پارامتر کامپوننت AutoGenerateColum اضافه کنید Add an AutoGenerateColumns Component Parameter

• یک کامپوننت BlazorAgGridColumn ایجاد کنید Create a BlazorAgGridColumn Component

• خلاصه Summary