Blazor'da IJSRuntime Nedir? Nasıl Kullanılır

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ı .

Yorum Gönder

0 Yorumlar