لطفا بفرمایید جدا کردن کدها (CodeBehind) و دستورات قالب در Razor Page در بلیزر (Blazor) به چه صورتی هست ؟ در واقع من نمیخوام هم کدهای سی شارپ و هم کدهای مربوط به قالب رو داخل Component بنویسیم. میخوام کدهای CodeBehind جدا بشه تا صفحه مرتب تر باشه
@page "/mypage"
<h3>
Hello
</h3>
@code
{
//این قسمت میخوام جدا بشه از کامپوننت و در یک کلاس جداگانه نوشته بشه
}
گاهی ممکنه برای تمیز تر شدن Razor Page ها شما علاقه داشته باشید کدهای سی شارپ رو خارج از Razor Page بنوسید. برای این کار میتونید مراحل زیر رو انجام بدید.
@page "/learnblazor"
<h3 class="text-info pb-3">@WelcomeText</h3>
<p>On Change <input @bind="name" /></p>
<p>On Spontaneous <input @bind="name" @bind:event="oninput" /></p>
<p>I am @(name != null ? @name : "---")</p>
<p><button @onclick="getName">Surprise Me!</button></p>
@code {
protected string name = "Spark";
protected string WelcomeText = "Time to learn Blazor!";
protected void getName()
{
name = "Blazor Learner";
}
}
خب این Razor Page از 3 قسمت تشکیل شده.
حالا قصد داریم قسمت سوم که کدهای شما هست رو جدا کنیم.
public class LearnBlazorComponent : ComponentBase
{
protected string name = "Spark";
protected string WelcomeText = "Time to learn Blazor!";
protected void getName()
{
name = "Blazor Learner";
}
}
@inherits LearnBlazorComponent
@page "/learnblazor"
<h3 class="text-info pb-3">@WelcomeText</h3>
<p>On Change <input @bind="name" /></p>
<p>On Spontaneous <input @bind="name" @bind:event="oninput" /></p>
<p>I am @(name != null ? @name : "---")</p>
<p><button @onclick="getName">Surprise Me!</button></p>
@code {
}
همانطور که می بینید از inherits در بالای صفحه استفاده شده.
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1346
- پاسخ :
1
|
تاریخ :
1400/05/03
- ساعت :
10:48:00 AM
- بازدید :
6754
- پاسخ :
5
|
تاریخ :
1400/12/06
- ساعت :
01:20:00 PM
- بازدید :
3941
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
667
- پاسخ :
0
|
تاریخ :
1400/02/14
- ساعت :
04:50:00 PM
- بازدید :
3195
- پاسخ :
1
|
تاریخ :
1401/03/05
- ساعت :
11:25:00 AM
- بازدید :
2590
- پاسخ :
1
|
تاریخ :
1401/02/04
- ساعت :
03:29:00 PM
- بازدید :
2707
- پاسخ :
0
|
تاریخ :
1401/01/19
- ساعت :
03:05:00 PM
- بازدید :
3611
- پاسخ :
2
|
تاریخ :
1400/09/17
- ساعت :
07:58:00 PM
- بازدید :
2610
- پاسخ :
1
|
تاریخ :
1399/09/26
- ساعت :
11:26:00 PM
- بازدید :
3306
- پاسخ :
2
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
49
- پاسخ :
0
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
88
- پاسخ :
0
|
تاریخ :
1402/07/23
- ساعت :
04:01:00 PM
- بازدید :
1031
- پاسخ :
1
|
تاریخ :
1403/05/30
- ساعت :
09:22:00 AM
- بازدید :
426
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
930
- پاسخ :
1
|
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1346
- پاسخ :
1
|
تاریخ :
1398/08/17
- ساعت :
01:27:00 AM
- بازدید :
4796
- پاسخ :
1
|
تاریخ :
1402/09/08
- ساعت :
07:34:00 PM
- بازدید :
1156
- پاسخ :
1
|
تاریخ :
1402/09/21
- ساعت :
11:10:00 PM
- بازدید :
594
- پاسخ :
1
|
تاریخ :
1403/07/27
- ساعت :
03:21:00 PM
- بازدید :
205
- پاسخ :
1
|