IJSRuntime interfacesi, Blazor'da "Microsoft.JSInterop" adlı bir bileşenin bir parçasıdır.
Bu bileşen, .NET tarafından JavaScript kodlarının çalıştırılmasını ve
JavaScript fonksiyonlarının çağrılmasını sağlar.
Öncelikle bu kodu çalıştırmak için
Test.js adında bir dosya oluşturduk.
İçerisine renklendirmek istediğimiz ilgili div'in id değerini girdik
ve ilgili div'in arka plan rengini de kırmızı yapmasını söyledik.
function test(){
var div = document.getElementById("renklendir");
div.style.background="red";
}
Sonra oluşturduğumuz js dosyamızı wwwroot altında ki /index.html dosyasının içerisinde çağırdık
/
Sonrasında ise Component'imizin içerisine bir method oluşturduk
Div'in içerisi kırmızı olmuştur.
@code {
async void Renklendir()
{
await JSRuntime.InvokeAsync("test);//method ismi
}
}
ve oluşturduğumuz methodu onclik yöntemi ile çağırdık
method çağırıldığında ilgili JSRuntime yardımı ile js kodlarımızı çalıştırdı .
0 Yorumlar