Full width home advertisement

SQL

ASP.NET

Post Page Advertisement [Top]

Oluşturulan Panorama sayfanın .cs kısmında ise aşagıdaki kodlamaları yapalım:

Böylece for döngüsü ile veri tabanına 20 adet kayıt yazarız şimdi bu kayıtları PanoramaPage de gösterelim,Panorama pageler parçalar bölünen ve telefon ekranında dokunukça genişleyip ilerleyen sayfalardır.Bu şekilde bir sayfa oluşturup tasarımını aşağıdaki şekilde düzenleyelim:



Oluşturduğumuz pagenin iki adet PanoramaItem ı olmalı bunlar tamamlanmış ve tamamlanmamış görevler içindir  Task tablosuna  bool türünden eklediğimiz IsCompleted sutununa göre binding yaparak taskın bu itemlerden hangisine yerleşeceğini belirleyebilirz.
Yine  .xaml kısmında bu tasarımı yapıp her bir kayıt eklendiğinde aynı şablonda çıkaması için bir list box oluşturup ilgili  PanoramaItem a eklemiz gerekir.

<ListBox Name="ListCompletedATsks">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <CheckBox Name="CKCompleted" IsChecked="{Binding Completed}"></CheckBox>
                                <TextBlock Name="TXTtasktext" Text="{Binding Text}"></TextBlock>
                                <Button Name="BTNdELETE" Content="Delete" DataContext="{Binding}" Click="BTNdELETE_Click"></Button>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                       
                </ListBox>


Son aşama olarak panorama pagenin .cs uzantılı tarafında aşağıdakki kodlamaları yaparak bu uygulamayı tamamlamış olacağız.
Constructor alanında connection string ile databaseye bağlanılır init data metodu ile very tabanından istenilen veriler tsql cümlecikleri ile çekilir burda örnek olarak sadece tamamlanmamış işler çekilmiştir completed== false

Yapılan işleri silmek için oluşturuduğumuz butonun eventine  aşagıdaki kodlamaları yapmalıyız zaten xaml tarafında da slime işleminde veri kendisi ile bind edilmişti:
Sonuçta aşagıdaki ekran görüntüsünü elde ederiz.



Hiç yorum yok:

Yorum Gönder

Bottom Ad [Post Page]