Bu dersimizde öncelikle edit yani düzenle sayfamızın kullanıcı arayüzü sayfasını yani fornt-end tarafını düzenleyelim. Şimdi ben bir önceki dersimde Edit için otomatik oluşturmuştum hatırlarsınız. Dolayısı ile benim bir takım kodlarım burada mevcut.

Dersin video versiyonunu izlemek için:

@page
@model GursoyCNCBakim.Pages.BakimTipleri.EditModel

@{
    ViewData["Title"] = "Edit";
    Layout = "~/Pages/Shared/_Layout.cshtml";
}

Edit

BakimTipi


    

        

            

            
            

                
                
                
            
            

                
                
                
            
            

                
            
        
    



    Back to List


@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

Bunların hepsini siliyorum ben Create.cshtml içinde yer alan kodlarımı kopyalıyor ve Edit.cshtml içine yerleştiriyorum.  Daha sonra Edit işlemine yönelik düzenlemelerimi yapıyorum.

@page
@model GursoyCNCBakim.Pages.BakimTipleri.EditModel

@{
    ViewData["Title"] = "Edit";
    Layout = "~/Pages/Shared/_Layout.cshtml";
}



Bakım Tipi Düzenle




    

        
        

            

                Bakım Adı:
                @**@
            
            

                
            
            
        

        

            


                Bakım Fiyatı:

                @**@
            
            

                
            
            
        

        

            

                
            
        

    



@section Scripts{
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

Bunun akabinde Duzenle ve Listeye geri dönmek için ilgili partial view sayfasını da oluşturmam gerek. Pages>Shared klasörüne sağ tıklıyor Add Razor Page diyorum. Yenib ri partial view ekliyorum. Adını da _DuzenleVeGeriDonButonlari.cshtml verdim. Kodlarını yazalım:

    

        
    
    

        Listeye Geri Dön
    

Bir sonraki derste görüşmek üzere.