Sermin'in Bilgi Paylaşımı..

2011-05-16T03:29:00.001-07:00

oldu mu?

Merhaba

2011-04-27T11:39:00.001-07:00

güzellikler her yerde

ASP.NET AJAX AutoComplateExtender Kullanımı

2010-01-03T13:03:00.001-08:00

Bu yazımızda Ajax Kontrollerinden 'AutoComplateExtender' bileşeninin kullanımını bir örnek üzerinden anlamaya çalışacağız.
Senaryomuz textbox içerisine yazdığımız karakterlerin web servis üzerinde oluşturduğumuz char dizisi içerisinden rasgele olarak seçilenleri ile tamamlanmasını sağlamak.
Bu bileşeni ihtiyacımız doğrultusunda özelleştirerek veri tabanı üzerinden getireceğimiz verilerle de doldurabiliriz. Daha önceki yazılarımızda böylebir senaryo üzerinde durmuştuk.
VisualStudio içinde AJAXEnabledWebApplication olarak başlattığımız projemizin Default.aspx sayfası içerisindeki 'ScriptManager' bileşeni altına bir tane textbox, bir tanede AutoComplateExtender sürüklüyoruz. Daha sonra projemize Add New Item deyip bir tane WebService.asmx ekliyoruz. Bu sayfada text box içerisine girilen karaktarleri rasgeleleriyle tamamlamayı sağlayacak olan GetCompletionList metodunu yazacağız.

[WebMethod]
public string[] GetCompletionList(string prefixText, int count)
{
    Random random = new Random();
    List<string> items = new List<string>(count);
    for (int i = 0; i < count; i++)
    {
        char c1 = (char)random.Next(65, 90);
        char c2 = (char)random.Next(97, 122);
        char c3 = (char)random.Next(97, 122);
        items.Add(prefixText + c1 + c2 + c3);
    }
    return items.ToArray();
}

Görüldüğü gibi string bir dizi döndüren bir metot yazıyoruz. Bu dizi 3 elemanlı. 'c1' Ascii Kodu 65 ile 90 arasında (büyük harfler) olanlarından rasgele seçilmiş karakteri temsil ediyor. 'c2' ve 'c3' te aynı şekilde 97 ile 122 arasındakileri (küçük harfler).
Web servis içini yukarıdaki gibi düzenledikten sonra ScriptManager bileşenini aşağıdaki şekilde düzenliyoruz.

<asp:ScriptManager ID="ScriptManager1" runat="server">
    <Services>
        <asp:ServiceReference Path="~/WebService.asmx" />
    </Services>
</asp:ScriptManager>

AutoComplateExtender bileşeninin özelliklerinde de aşağıdaki düzenlemeyi yaptıktan sonra :

<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
    TargetControlID="TextBox1"
    ServicePath="WebService.asmx"
    ServiceMethod="GetCompletionList
    MinimumPrefixLength="2" CompletionInterval="1000"
    EnableCaching="true"
    CompletionSetCount="12">
</cc1:AutoCompleteExtender>
<asp:TextBox ID="TextBox1" runat="server"/>

Projemizi çalıştırabiliriz.

Sayfa görüntümüz...
Umarım sizin için yararlı olur..

ASP.NET AJAX ConfirmButtonExtender Kullanımı

2010-01-02T23:33:00.001-08:00

Bu yazımızda Ajax kontrollerinden 'ConfirmButtonExtender' kullanımına balacağız.
Bu kontrol çalışma esnasında bizim istediğimiz bir kontrolün tetiklemesi ile sayfada onay penceresi açar. İhtiyaçlarımız doğrultusunda çok çeşitli şekilde özelleştirebilmemize olanak sağlayan önemli bir kontroldür. Daha anlaşılır olması açısından örnek üzerinden gidersek :

VisualStudio içinde AJAXEnabledWebApplication olarak başlattığımız projemizin Default.aspx sayfasının içine, birer tane 'Label', 'Button', 'ConfirmButtonExtender' sürüklüyoruz.

ConfirmButton özelliklerine baktığımızda projenin çalışması için vermemiz gereken 'TargetControlID' görüyoruz. Burası onay penresinin hangi olayla tetiklendiğini belirttiğimiz kısım. 'Confirm Text', çıkan pencerede onaylanmasını istediğimiz soruyu belirtiyoruz.
Bu düzenlemeleri yaptıktan sonra sürüklediğimiz buton üzerine çift tıklayarak Default.aspx.cs içindeki 'Button1_Click' olayına, onaylanma işleminin tamamlandığında gerçekleşmesini istediğimiz olayı belirtiyoruz.

protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "Emin Olmak güzeldir.";
}

Burada sadece sürüklediğim label içinde istediğimiz metni görüntülüyoruz. Kullanım amacına göre bu kısmı özelleştirmemiz mümkün. Projeyi çalıştırdığımızda ekran görüntülerimiz. Bu ekran butona bastığımızda :

Umarım sizin için yararlı olmuştur. Yeni bir kontrolde görüşmek üzere…

ASP.NET AJAX Tabs Kontrol

2009-12-27T01:24:00.001-08:00

Bu yazımızda Asp.net Ajax'ta kullanımımıza sunulan işlevsel ve görsel zenginliklerden bir tanesi olan Tab Kontrol üzerinde duracağız. Bu kontrol tek bir sayfayı organize bir şekilde kullanmamıza olanak sağlar.

VisualStudio içinde projemizi AJAXEnabledWebApplication olarak başlatıyoruz. ScriptManager sekmesi altına AjaxControlToolkit içinden bir tane TabContainer sürüklüyoruz bu kontrol TabPanellerimizi kendi bünyesinde toplayacaktır. Daha sonra sırasıyla istediğimiz kadar TabPanel kontrolünü TabContainer sekmesi içine sürüklüyoruz.TabPanel etiketi altına '< ' parantezimizi açtığımız zaman karşımıza iki seçenek çıkar ' <ContentTemplate> ', ' <HeaderTemplate> '. Content Template sekme içeriğini oluşturmamıza olanak sağlayacak etikettir. Header Template ise adından da anlaşılacağı gibi sekme başlığını yapılandırmamızı sağlar.
Default.aspx sayfamız içierisinde aşağıdaki gibi bir düzenleme yaparak

<cc1:TabContainer ID="TabContainer1" runat="server">
    <cc1:TabPanel ID="TabPanel1" runat="server" >
        <ContentTemplate>
        1. Sayfa - Sekme 1
        </ContentTemplate>
    </cc1:TabPanel>
    <cc1:TabPanel ID="TabPanel2" runat="server" >
        <ContentTemplate>
        2. Sayfa - Sekme 2<br />
        2. Sayfa - Sekme 2<br />
        </ContentTemplate>
    <2/cc1:TabPanel>
    <cc1:TabPanel ID="TabPanel3" runat="server">
        <ContentTemplate>
        3. Sayfa - Sekme 3<br />
        3. Sayfa - Sekme 3<br />
        3. Sayfa - Sekme 3<br />
        </ContentTemplate>
    </cc1:TabPanel>
</cc1:TabContainer>

Projemizi çalıştırdığımızda aşağıdaki görüntüyü elde ederiz.

İhtiyaçlarımız doğrultusunda özelleştirebileceğimiz bir kaç noktaya bakmak gerekirse. TabPanel etiketi içerisindeki "HeaderText" içinde sayfa başlığını belirtebiliriz.

<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="1. Sekme">
</cc1:TabPanel>

Sekme başlığını aynı zamanda ' <HeaderTemplate> ' içerisinde vererek dinamik olarak 'HeaderText' i override (ezmiş) oluruz.

<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="1. Sekme">
    <HeaderTemplate>
        Özel Başlık
    </HeaderTemplate>
</cc1:TabPanel>

Kodlarımıza aşağıdaki küçük eklemeyi yaptıktan sonra

<cc1:TabContainer ID="TabContainer1" runat="server">
    <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="1. Sekme">
        <ContentTemplate>
        1. Sayfa - Sekme 1
        </ContentTemplate>
    </cc1:TabPanel>
    <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="2. Sekme">
        <ContentTemplate>
        2. Sayfa - Sekme 2<br />
        2. Sayfa - Sekme 2<br />
        </ContentTemplate>
    <2/cc1:TabPanel>
    <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="3. Sekme">
        <ContentTemplate>
        3. Sayfa - Sekme 3<br />
        3. Sayfa - Sekme 3<br />
        3. Sayfa - Sekme 3<br />
        </ContentTemplate>
    </cc1:TabPanel>
</cc1:TabContainer>

Sayfa görünümümüz :

gibi olacaktır.Buna ek olarak yukarıda bahsettiğimiz Header Template etiketini eklersek :

dsds <cc1:TabContainer ID="TabContainer1" runat="server">
    <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="1. Sekme">
        <HeaderTemplate>
            Özel Başlık
        </HeaderTemplate>
        <ContentTemplate>
        1. Sayfa - Sekme 1
        </ContentTemplate>
    </cc1:TabPanel>
    <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="2. Sekme">
        <ContentTemplate>
        2. Sayfa - Sekme 2<br />
        2. Sayfa - Sekme 2<br />
        </ContentTemplate>
    <2/cc1:TabPanel>
    <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="3. Sekme">
        <ContentTemplate>
        3. Sayfa - Sekme 3<br />
        3. Sayfa - Sekme 3<br />
        3. Sayfa - Sekme 3<br />
        </ContentTemplate>
    </cc1:TabPanel>
</cc1:TabContainer>

Sayfa görüntümüz :

şeklinde olacaktır.
Umarım sizin için yararlı olabilmiştir. Yeni bir kontrolde görüşmek umuduyla..

ASP.NET Web Sayfasında Popup Pencere Açmak

2009-12-09T15:35:00.001-08:00

Bu yazımızdaki örneğimizde ana sayfamız olan aspx sayfasından javascript ve ASP.NET Methodlarından ClientScript.RegisterStartupScript kullanarak popup penceresi açmayı ve ana sayfamızda yaptığımız güncellemenin açılan popup penceresinde nasıl yenilendiğini beraberce öğreneceğiz.

Daha önceki yazılarımıda Ajax kontrollerinden ModalPopupExtender kullanarak popup menü açmayı ele almıştık. Burda farklı olarak popup penceresini ana pencereye bağlı başka bir child (alt) sayfa üzerinden açmayı öğreneceğiz.

Başlangıç olarak Default.aspx sayfamıza popup penceresinin açılmasını sağlayan butonu sürüklüyoruz. Güncellenecek bilgileri göstermek içinde iki tane label. Kod bloğumuz aşağıdaki gibidir.

<div>
    Adı :
    <asp:Label ID="lblAdi" runat="server" Text=" E. Yeşim">
    </asp:Label><br />
    <br />
    Soyadı :
    <asp:Label ID="lblSoyadi" runat="server" Text="Yağcı">
    </asp:Label><br />
    <br />
    <asp:Button ID="btnPop" runat="server" Text="Bilgileri Güncelleyin" />
</div>

Daha sonra Default.aspx sayfasının baş tarafına aşağıdaki java script kodunu ekleyelim. Burada amacımız alınan değerleri popup sayfası içine geçişi sağlamak.

Sonraki adımda Default.aspx.cs içindeki Page_Load methodu içine

protected void Page_Load(object sender, EventArgs e)
{
    string updateValuesScript = @"function updateValues(popupValues)
                {
                document.getElementById('lblFirstName').innerHTML=popupValues[0];
                document.getElementById('lblLastName').innerHTML=popupValues[1];
                }";

    this.ClientScript.RegisterStartupScript(Page.GetType(), "UpdateValues", updateValuesScript.ToString(), true);
    btnPop.Attributes.Add("onclick", "openPopUp('PopUp.aspx')");
}
protected void btnPop_Click(object sender, EventArgs e)
{

}

Şimdi projemize yeni bir Web Form ekleyerek devam ediyoruz. Bu form bizim güncelleme yapmak için açacağımız PopUp sayfamız olacak. Sayfa içerisine

<div>
    First Name :
    <asp:TextBox ID="txtPopAdi" runat="server" Width="113px">
    </asp:TextBox><br />
    <br />
    Last Name:<asp:TextBox ID="txtPopSoyAdi" runat="server" Width="109px">
    </asp:TextBox><br />
    <br />
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</div>

protected void Page_Load(object sender, EventArgs e)
{
    string updateParentScript = @"function updateParentWindow()
                {
                var adi=document.getElementById('txtPopAdi').value;
                var soyadi=document.getElementById('txtPopSoyadi').value;
                var arrayValues= new Array(adi,soyadi);
                window.opener.updateValues(arrayValues);
                window.close();
                }";
    this.ClientScript.RegisterStartupScript(this.GetType(), "UpdateParentWindow", updateParentScript, true);
    if (!IsPostBack)
    {
        txtPopFName.Text = Request["fn"];
        txtPopLName.Text = Request["ln"];
    }
    Button1.Attributes.Add("onclick", "updateParentWindow()");
}
protected void Button1_Click(object sender, EventArgs e)
{

}

.csv Uzantılı Dosyayı Excel 2007’de Açmak

2009-11-19T01:43:00.001-08:00

csv uzantılı bir dosyayı Excel Dosyası olarak açtığımızda, veriler karşımıza tek satır halinde yazılmış ve virgülle birbirinden ayrılmış, düz yazı olarak görüntülenir. Böyle olduğunda da verileri tablo şeklinde kullanmak imkansız olur.

O yüzden dosyayı açarken şu yolu izlersek bu görünüşle karşı karşıya kalmayız. Boş Excel sayfası açalım.

Data > FromText Seçtikten sonra Dönüştürmek istediğimiz csv uzantılı dosyayı gösterelim ve import seçelim.
Karşımıza üç adımlık bir dönüştürme sihirbazı çıkacak 1. Adımda düzenlemeyi kaçıncı satırdan başlayarak yapmamız istendiği soruluyor. 2. Adımda verileri neye göre sınırlayabileceğimiz soruluyor. Comma (virgül) seçtiğimiz zaman

Aşağıdaki ekrana ulaşabiliriz.

Umarım sizin için yaralı bir ipucu olmuştur..

ASP.NET AJAX AutoCompleteExtender Kullanımı

2009-11-04T00:58:00.001-08:00

Bu yazıda, Textbox içine doldurulması istenen veriyi veritabanından getirerek otomatik tamamlamayı bir örnek üzerinden anlamaya çalışacağız.

Textbox üzerinde otomatik tamamlama birçok yerde karşımıza çıkar. Bunun ASP.NET AJAX içinde herhangi bir TextBox Kontrolüne AutoCompleteExtender ekleyerek yapılabileceğinide biliriz. Kullanıcı Textbox içine yazmaya başladığında bir popup panel hareketli olarak kullanıcıya ilişkili sözcükleri getirir. Kullanıcı bu panelden istediği sözcüğü seçebilir. Şimdi WebService yardımı ile veri tabanından verileri nasıl getireceğiz ona balkalım.

Başlangıç olarak VisualStudio açarak, AJAXEnabledWebApplication olacak şekilde projemizi başlatıyoruz. Default.aspx sayfası içine bir tane TextBox birtane de AutoCompleteExtender sürüklüyoruz. Projeye bir tane WebService.asmx ekliyoruz. Yapacağımız ilk şey WebService.asmx.cs içine;

using System.Web.Script.Services;
[ScriptService]

referansını eklemek olmalı. Daha sonra 'SehirleriGetir' web metodu ile Sehir tablosundaki verileri alacağız.

private string cnstr = ConfigurationManager.ConnectionStrings["SehirConnectionString"].ConnectionString;

private string sql = string.Empty;

[WebMethod]
public string[] SehileriGetir(string onText)
{
    string sql = "Select * From Sehir Where Sehir_Adi like @onText";
    SqlDataAdapter da = new SqlDataAdapter(sql, cnstr);
    da.SelectCommand.Parameters.Add("@onTexst", SqlDbType.VarChar, 50).Value = onText + "%";
    DataTable dt = new DataTable();
    da.Fill(dt);
    string[] items = new string[dt.Rows.Count];
    int i = 0;
    foreach (DataRow dr in dt.Rows)
    {
        items.SetValue(dr["Sehir_Adi"].ToString(),i);
        i++;
    }
    return items;
}

Yukarıdaki webmethod içinde tutulan onText değişkeni, veri tabanından getirilecek olan veri ile ilişkili sözcükleri sorgulamak için gereklidir. Sql sorgusu ise bir strin dizi olarak sonuç döndürür.

Şimdi Default.aspx sayfası içine bir tane AutoCompleteExtender Kontrolü sürükleyerek özelliklerini aşağıdaki gibi düzenleyelim

<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
MinimumPrefixLength="1" ServiceMethod="SehirleriGetir"
ServicePath="WebService.asmx" TargetControlID="TextBox1">
</cc1:AutoCompleteExtender>

MinimumPreferixLength : Otomatik tamamlama işi kaç karakter yazdıktan sonra başlasın.
ServiceMethod : Tetiklendiği anda hangi method çağırılsın.
ServicePath : Methodun yolu.
TargetControlID : Tetikleme hangi kontrolle başlatılsın.

Projemizi çalıştırdığımızda karşımıza gelen sayfada texbox içine ilk harfimizi yazdığımızda o harfle başlayan veri tabanındaki şehirlerin kusursuz bir şekilde, popup bir kutuda sıralandığını göreceğiz.
Umarım sizin için yaralı olmuştur..

ASP.NET GridView - Excel'e Veri Aktarma

2009-11-02T12:28:00.001-08:00

Asp.Net'te Web uygulaması geliştirirken GridView tablosu içindeki veriyi Excel Tablosuna dönüştürme zorunluluğu çok sık karşılaştığımız bir ihtiyaçtır. Bu makalemizde ışık tutacağımız senaryoları şöyle sıralayabiliriz.

- GridView içindeki verinin tamamını Excele dönüştürme.
- GridView içindeki verinin göründüğü sayfayı Excele dönüştürmek
- GridView içinden seçilen rasgele satırı Excele Dönüştürmek
- GridView üzerindeki resim kolonunu Excel Tabloya dönüştürmek
- GridView içindeki sayı ve tarih sütünlarını Excel'e özel format tanımlayarak dönüşüm yapmak

Bu amaçla MS Management Studio içinde bir tablo oluşturarak başlayalım.

CREATE TABLE [dbo].[Personel](
[PersonelId] [int] IDENTITY(1,1) NOT NULL,
[Adi] [nvarchar](50) NULL,
[Yasi] [nvarchar](50) NULL,
[Eposta] [nvarchar](50) NULL,
[Sayi] [nvarchar](50) NULL,
[Bugun] [datetime] NULL,
[ImageURL] [nvarchar](250) NULL
) ON [PRIMARY]

Daha sonraki adımda Visual Studio içinde AJAX Enabled WebApplication açarak ihtiyacımız olan bileşenleri oluşturmaya başlıyoruz. Yapmayı istediğimiz şey database üzerindeki verileri bir sayfada tablo halinde göstererek kullanıcının istediği satırları, tüm tabloyu yada seçili sayfayı Excel Tablosuna dönüştürmek. Bunun için bizim en başta bir Update Panel'e ihtiyacımız var. Çünkü seçim yapılacak bir sayfamız var ve her seçimde sayfamızın yenilenmesini istemeyiz. Default.aspx sayfası içine sürüklediğimiz UpdatePanel içine GridView yerleştirdikten sonra, sütünları aşağıdaki gibi düzenliyoruz. Burda iki tane TemplateField, beş tanede BoundField ekeleyerek DataField'larını düzenliyoruz.

Düzenlemeleri yaptıktan sonra üç tane buton sürükleyerek UpdatePanel'in tetikleyicisine bu butonları verebiliriz. Düzenlemeler yapıldıktan sonra Default.aspx sayfası içinde kodlar aşağıdaki gibi görülecektir.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <table width="100%">
            <tr>
                <td>
                    <asp:GridView ID="GridView1" runat="server" Width="100%" OnPageIndexChanging="GridView1_PageIndexChanging"
PageSize="10" AllowPaging="True" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound"
DataKeyNames="PersonelId">
                        <Columns>
                            <asp:TemplateField HeaderText="Select">
                                <ItemTemplate>
                                    <asp:CheckBox ID="chkSecim" runat="server"} />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:BoundField DataField="Adi" HeaderText="Adı" />
                            <asp:BoundField DataField="Yasi" HeaderText="Yaşı" />
                            <asp:BoundField DataField="Eposta" HeaderText="Eposta" />
                            <asp:BoundField DataField="Sayi" HeaderText="Sayı" />
                            <asp:BoundField DataField="Bugun" HeaderText="Bugün" />
                            <asp:TemplateField HeaderText="Sevdiği">
                                <ItemTemplate>
                                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Bind("ImageURL") %>'></asp:Image>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                </td>
            </tr>
            <tr>
                <td>
                    <table width="100%">
                        <tr>
                            <td width="25%">
                                <asp:Button ID="TumTabloyuDonustur" OnClick="TumTabloyuDonustur_Click" runat="server" Text="Tüm Satırları Dönüştür" />
                            </td>
                            <td width="25%">
                                <asp:Button ID="SeciliSatirlariDonustur" OnClick="SeciliSatirlariDonustur_Click" runat="server" Text="Seçili Satırları Dönüştür"/>
                            </td>
                            <td width="25%">
                                <asp:Button ID="SayfayiDonustur" OnClick="SayfayiDonustur_Click" runat="server" Text="Mevcut Sayfayı Dönüştür"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </ContentTemplate>
    <Triggers>
        <asp:PostBackTrigger ControlID="TumTabloyuDonustur" />
        <asp:PostBackTrigger ControlID="SeciliSatirlariDonustur" />
        <asp:PostBackTrigger ControlID="SayfayiDonustur" />
    </Triggers>
</asp:UpdatePanel>

Dönüştürme işlemine başlamadan önce GridView için yapmamız gereken üç kontrolümüz var. Bunlar:

1. Personel tablomuzu GridView içine taşımak
2. GridView içinde sayfalanmasına izin vermek
3. Seçim kutusunun işaretlendiği değerleri koruyarak başka sayfaya yönlendirme yapmak

1. Personel Tablosunu GridView içine doldurmak

Bu işlem sırasında kullanılan ConnectionString cümlesini metot dışında tanımlamak daha sağlıklı olduğu için aşağıdaki şekilde kullanıyoruz.

private string cnstr = ConfigurationManager.ConnectionStrings["PersonelConnectionString"].ConnectionString;

private string sql=string.Empty;

private void GridDoldur()
{
     string sql = "Select PersonelId, Adi, Yasi, Eposta, Sayi, Bugun, ImgUrl From Personel";
     SqlDataAdapter da = new SqlDataAdapter(sql, "PersonelConnectionString");
     DataTable dt = new DataTable();
     da.Fill(dt);
     GridView1.DataSource = dt;
     GridView1.DataBind();
}

Yukarıda private bir metotla sql bağlantısını kurup veri tabanındaki tablomuzu bir DataTable üzerine alarak, GridView içine bağlıyoruz. Sayfa açıklırken yüklenmesini sağlıyoruz.

protected void Page_Load(object sender, EventArgs e)
{
     if (!IsPostBack)
     {
         GridDoldur();
     }
}

2. PageIndexChanging olayında sayfanın görüntülenmesi

Seçilen satırlardaki verileri göstermek için ayrı bir GridView oluşturmadan ortak kullanımla sayfalama yoluna gitmek için aşağıdaki düzenlemeyi yapmamız gerekiyor. Biz GridView özelliklerinden AllowPaging özelliğini "true" yaptığımızda bu aslında bu kullanımı sağlayabiliyoruz. Ama burda dikkat etmemiz gereken şey bu gösterimin sadece seçilen satırlar için olması gerektiği.

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
     SecilenListeyiGetir();
     GridView1.PageIndex = e.NewPageIndex;
     BindGrid();
}

Bu yüzden seçilen satırları geçici bir ArrayList değişkeninde tutarak ViewState içinde muhafaza edilmesini sağlayacağız. Kullanıcı diğer sayfaları gezerken seçilen değerler saklı kalacak.

3. Seçilen satırlardaki değerlerin korunması

Bu işlemi yapabilmek için bir tane ArrayList değişkenine ihtiyaç duyarız. Bunun için System.IO alanını projemize referans etmeliyiz.

using System.IO;

ArrayList arrlist = new ArrayList();

Daha sonraki adımda SecilenListeyiGetir metodunu oluşturacağız. Bu metot içinde yaptığımızı kısaca açıklamak gerekirse; ViewState içinde bir ArrayList değişkeni tanımlıyoruz, daha sonra bir foreach döngüsü ile GridView satırları içinde dönerek find kontrolü ile tespit ettiğimiz chkSecim olarak adlandırdığımız CheckBox kontrolünün seçili olanlarını değişken üzerine atıyoruz.

private void SecilenListeyiGetir()
{
    if (this.ViewState["ArrList"] != null)
    {
        arrlist = (ArrayList)this.ViewState["ArrList"];
    }

    foreach (GridViewRow gvr in GridView1.Rows)
    {
        CheckBox chkSecim = (CheckBox)gvr.FindControl("chkSecim");
        if (chkSecim.Checked)
        {
            if (!arrlist.Contains(GridView1.DataKeys[gvr.RowIndex].Value.ToString()))
arrlist.Add(GridView1.DataKeys[gvr.RowIndex].Value.ToString());
        }
        else
        {
            if (arrlist.Contains(GridView1.DataKeys[gvr.RowIndex].Value.ToString()))
arrlist.Remove(GridView1.DataKeys[gvr.RowIndex].Value.ToString());
        }
    }

    if (arrlist.Count > 0)
    {
        this.ViewState["ArrList"] = arrlist;
    }
}

GridView'un RowDataBound Olayı

Seçilmiş CheckBox'ları seçili tutmak için GridView kontrolün RowDataBound olayında ArrayList'in seçili herhangi bir değer içerip içermediğini kontrol ediyoruz. Eğer öyle bir değer içeriyorsa CheckBox'un Checked özelliğini "true" olarak set ediyoruz;

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        if (arrlist.Contains(GridView1.DataKeys[e.Row.RowIndex].Value.ToString()))
        {
            CheckBox chkSelect = (CheckBox)e.Row.FindControl("chkSelect");
            chkSelect.Checked = true;
        }
    }
}

Şimdi internet tarayıcısında sayfa çalıştırıldığında GridView içine tablo verilerinin dolduğunu görebiliriz ve sayfalar arasında gezinebiliriz. Seçilen herhangi bir sayfadaki herhangi bir seçim kutusu, başka sayfalar görüntülenirken bizim için saklı tutulacaktır.

GridView'u Excel'e Aktarım

Şimdi makalemizin ana amacına geldik. GridView içindeki verileri Excel sayfası olarak görüntülemek. Bunu başarmak için GridView sınıfından bir nesne oluşturmamız gerekir. Bu nesnenin sütunları, veri tabanından getirerek GridView kontrolü içinde gösterdiğimiz tablo sütunları ile aynı olmalı. GridView sınıfının, RenderControl metodu yardımıyla, verileri bir html olarak yazdıracağız. Daha sonra FileStream kullanarak, bir Excel dosyası oluşturup, içerisini oluşturduğumuz html ile dolduracağız. Bu arada Tarih ve sayı kolonları için format düzenlemesi yapacağız. Şimdi bunları adım adım yapalım:

1: GridView Instance oluşturup DataTable'a bağlayalım

private void GridExceleDonsun(DataTable dtData)
{
    StringWriter strWriter = new StringWriter();
    HtmlTextWriter htmlWriter = new HtmlTextWriter(strWriter);

    BoundField PerId = new BoundField();
    BoundField PerAdi = new BoundField();
    BoundField PerYasi = new BoundField();
    BoundField PerEposta = new BoundField();
    BoundField KesirliSayi = new BoundField();
    BoundField BugunTarihi = new BoundField();
    ImageField ImgField = new ImageField();

    PerAdi.HeaderText = " Personel Id";
    PerAdi.HeaderText = "Adı";
    PerYasi.HeaderText = "Yaşı";
    PerEposta.HeaderText = "Eposta";
    KesirliSayi.HeaderText = "Kesirli Sayı";
    BugunTarihi.HeaderText = "Bugün";
    ImgField.HeaderText = "Sevdiği";

    ImgField.ItemStyle.Height = Unit.Pixel(100);
    ImgField.ItemStyle.Width = Unit.Pixel(150);

    PerId.DataField = "PersonelId";
    PerAdi.DataField = "Adi";
    PerYasi.DataField = "Yasi";
    PerEposta.DataField = "Eposta";
    KesirliSayi.DataField = "Sayi";
    BugunTarihi.DataField = "Bugun";
    ImgField.DataImageUrlField = "ImgURL";
    ImgField.DataImageUrlFormatString = "http://localhost/Makaleler/ExportingData/{0}";

    GridView g = new GridView();
    g.AutoGenerateColumns = false;
    g.RowDataBound += new GridViewRowEventHandler(g_RowDataBound);
    g.Columns.Insert(0, PerId);
    g.Columns.Insert(1, PerAdi);
    g.Columns.Insert(2, PerYasi);
    g.Columns.Insert(3, PerEposta);
    g.Columns.Insert(4, KesirliSayi);
    g.Columns.Insert(5, BugunTarihi);
    g.Columns.Insert(6, ImgField);

    g.DataSource = dtData;
    g.DataBind();
}

Yukarıdaki kodda altı tane BoundField ve bir tane ImageField kolonu oluşturduk, başlıklarını hazırladık. Herbirinin FieldName'ini beirttik. Son sütundaki DataImageUrlField ve DataImageUrlFormatString belirttik. DataImageUrlFormatString içine resmin tam yerinin URL'sini verdik. Resmin genişliği ve yüksekliğini ayarladık.
Yeni bir GridView instance oluşturup AutoGenerateColumns özelliğini "false" yapıyoruz. BoundField ve ImageField' larımızı içine yerleştiriyoruz. Daha sonra GridView içine DataTable 'dtData' bağlayarak Excel sayfasına dönüştürüyoruz.
Oluşturduğumuz GridView instance'ı RowDataBound olayı ile başlatıyoruz. Bunun sebebi bazı sütunların özel format gerektirmesidir.

protected void g_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Cells[4].Attributes.Add("class", "text");
        e.Row.Cells[5].Attributes.Add("class", "tarihformat");
    }
}

2: StringWriter Instance Oluşturmak

StringWriter strwriter = new StringWriter();
HtmlTextWriter htmlwriter = new HtmlTextWriter(strwriter);
g.RenderControl(htmlwriter);
string htmlmarkup = strwriter.ToString();

Yukardaki kodu anlamak kolaydır. StringWriter ve HtmlTextWriter instance yaratıp GridView instance içeriğini html olarak dönüştürür. Artık elimizden 'htmlmarkup' denilen bir HTML kaynağı vardır.

3: FileStream Nesnesi Oluşturmak

Excel dosya adı oluşturarak 'Dosya1.xls' FileStream nesnesinin içini htmlmarkup içeriği ile dolduruyoruz.

FileStream fs = new FileStream(Server.MapPath("Dosya1.xls"), FileMode.Create);
    try
    {
        Byte[] bContent = System.Text.Encoding.GetEncoding("utf-8").GetBytes(htmlmarkup);
        fs.Write(bContent, 0, bContent.Length);
    }
    catch (Exception ex)
    {
        Response.Write(ex.Message);
    }
    finally
    {
        fs.Close();
        fs.Dispose();
    }

4: Sayı ve Tarih sütunlarının Excel Sayfası için formatlanması

Bir Cascading Style Sheet (CSS) (basamaklı biçim deposu) yaratarak kesirli sayı ve tarih kolonları için Excel sayfasına göre formatlıyoruz.

string style = @"<style> .text { mso-number-format:0\.00; } ";
style += ".tarihformat {mso-number-format:\"Short Date\"}";
style += " </script>";

Response.Write(style);

5: Excel Sayfasında indirildi mesaj kutusu

Tablo içerisinden indirilmesi istenen kısımların nereye ve hangi adla kaydedilmesi gerektiği kullanıcıdan dinamik olarak sorgulanması gereken bir görevdir.İşin bu kısmınıda aşağıdaki gibi yapabiliyoruz.

Response.AppendHeader("content-disposition", "attachment;filename=File1.xls");

Response.WriteFile("File1.xls");
Response.End();

Son düzenlemelerden sonra

GridView bir tabloyu Excel Sayfası olarak nasıl görüntüleyip, Excel Dökümanı olarak nasıl kaydedebileceğimizi örneğimiz üzerinde ayrıntılı şakilde anlamaya çalıştık. Tüm düzenlemelerden sonra kodlarımız bütün olarak aşağıdaki gibi görünmektedir.

private ArrayList arrlist = new ArrayList();
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        GridDoldur();
    }

}
private string cnstr = ConfigurationManager.ConnectionStrings["PersonelConnectionString"].ConnectionString;

private string sql;
private void GridDoldur()
{
    string sql = "Select PersonelId, Adi, Yasi, Eposta, Sayi, Bugun, ImageURL From Personel";
    SqlDataAdapter da = new SqlDataAdapter(sql, cnstr);
    DataTable dt = new DataTable();
    da.Fill(dt);
    GridView1.DataSource = dt;
    GridView1.DataBind();
}
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    SecilenListeyiGetir();
    GridView1.PageIndex = e.NewPageIndex;
    GridDoldur();
}
private void GridExceleDonussun(DataTable dtData)
{
    StringWriter strWriter = new StringWriter();
    HtmlTextWriter htmlWriter = new HtmlTextWriter(strWriter);

    BoundField PerId = new BoundField();
    BoundField PerAdi = new BoundField();
    BoundField PerYasi = new BoundField();
    BoundField PerEposta = new BoundField();
    BoundField KesirliSayi = new BoundField();
    BoundField BugunTarihi = new BoundField();
    ImageField ImgField = new ImageField();

    PerAdi.HeaderText = " Personel Id";
    PerAdi.HeaderText = "Adı";
    PerYasi.HeaderText = "Yaşı";
    PerEposta.HeaderText = "Eposta";
    KesirliSayi.HeaderText = "Kesirli Sayı";
    BugunTarihi.HeaderText = "Bugün";
    ImgField.HeaderText = "Sevdiği";

    ImgField.ItemStyle.Height = Unit.Pixel(100);
    ImgField.ItemStyle.Width = Unit.Pixel(150);

    PerId.DataField = "PersonelId";
    PerAdi.DataField = "Adi";
    PerYasi.DataField = "Yasi";
    PerEposta.DataField = "Eposta";
    KesirliSayi.DataField = "Sayi";
    BugunTarihi.DataField = "Bugun";
    ImgField.DataImageUrlField = "ImgUrl";
    //AdresDüzenlenecek
    ImgField.DataImageUrlFormatString = "http://localhost/Makaleler/ExportingData/{0}";

    GridView g = new GridView();
    g.AutoGenerateColumns = false;
    g.RowDataBound += new GridViewRowEventHandler(g_RowDataBound);

    g.Columns.Insert(0, PerId);
    g.Columns.Insert(1, PerAdi);
    g.Columns.Insert(2, PerYasi);
    g.Columns.Insert(3, PerEposta);
    g.Columns.Insert(4, KesirliSayi);
    g.Columns.Insert(5, BugunTarihi);
    g.Columns.Insert(6, ImgField);

    g.DataSource = dtData;
    g.DataBind();
    g.RenderControl(htmlWriter);

    string htmlmarkup = strWriter.ToString();
    FileStream fs = new FileStream(Server.MapPath("Dosya1.xls"), FileMode.Create);
    try
    {
        Byte[] bContent = System.Text.Encoding.GetEncoding("utf-8").GetBytes(htmlmarkup);
        fs.Write(bContent, 0, bContent.Length);
    }
    catch (Exception ex)
    {
        Response.Write(ex.Message);
    }
    finally
    {
        fs.Close();
        fs.Dispose();
    }
    string style = @"<style> .text { mso-number-format:0\.00; } ";
    style += ".tarihformat {mso-number-format:\"Short Date\"}";
    style += " </script>";
    Response.Write(style);

    Response.AppendHeader("content-disposition", "attachment;filename=Dosya1.xls");
    Response.WriteFile("Dosya1.xls");
    Response.End();
}

protected void g_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Cells[4].Attributes.Add("class", "text");
        e.Row.Cells[5].Attributes.Add("class", "tarihformat");
    }
}

private void SecilenListeyiGetir()
{

    if (this.ViewState["ArrList"] !=null)
    {
        arrlist = (ArrayList)this.ViewState["ArrList"];
    }
    foreach (GridViewRow grv in GridView1.Rows)
    {
        CheckBox chkSecim = (CheckBox)grv.FindControl("chkSecim");
        if (chkSecim.Checked)
        {
            if(!arrlist.Contains(GridView1.DataKeys[grv.RowIndex].Value.ToString()))
                arrlist.Add(GridView1.DataKeys[grv.RowIndex].Value.ToString());
        }
        else
        {
            if(arrlist.Contains(GridView1.DataKeys[grv.RowIndex].Value.ToString()))
                arrlist.Remove(GridView1.DataKeys[grv.RowIndex].Value.ToString());
        }
    }
    if (arrlist.Count>0)
    {
        this.ViewState["Arrlist"] = arrlist;
    }
}

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        if (arrlist.Contains(GridView1.DataKeys[e.Row.RowIndex].Value.ToString()))
        {
            CheckBox chkSecim = (CheckBox)e.Row.FindControl("chkSecim");
            chkSecim.Checked = true;
        }
    }
}
protected void TumTabloyuDonustur_Click(object sender, EventArgs e)
{
    DataTable dt = new DataTable();
     string sql = "Select PersonelId, Adi, Yasi, Eposta, Sayi, Bugun, ImageURL From Personel";
    SqlDataAdapter da = new SqlDataAdapter(sql, cnstr);
    da.Fill(dt);
    GridExceleDonussun(dt);
}
protected void SeciliSatirlariDonustur_Click(object sender, EventArgs e)
{
    SecilenListeyiGetir();
    if (this.ViewState["ArrList"] != null)
    {
        arrlist = (ArrayList)this.ViewState["ArrList"];
    }

    DataTable dt = new DataTable();
    string sql = "Select PersonelId, Adi, Yasi, Eposta, Sayi, Bugun, ImageURL From Personel";
    SqlDataAdapter da = new SqlDataAdapter(sql, cnstr);
    da.Fill(dt);
    DataView dv = dt.DefaultView;
    DataTable dtTemp = dv.ToTable().Clone();
    for (int i = 0; i < arrlist.Count; i++)
    {
        dv.RowFilter = "PersonelId=" + arrlist[i].ToString();
        dtTemp.ImportRow(dv.ToTable().Rows[0]);
    }
    GridExceleDonussun(dtTemp);
}
protected void SayfayiDonustur_Click(object sender, EventArgs e)
{
    DataTable dt = new DataTable();
    string sql = "Select PersonelId, Adi, Yasi, Eposta, Sayi, Bugun, ImageURL From Personel";
    da.Fill(dt);
    DataView dv = dt.DefaultView;
    DataTable dtTemp = dv.ToTable().Clone();
    foreach (GridViewRow grv in GridView1.Rows)
    {
        dv.RowFilter = "PersoneId" + GridView1.DataKeys[grv.RowIndex].Value.ToString();
        dtTemp.ImportRow(dv.ToTable().Rows[0]);
    }
    GridExceleDonussun(dtTemp);
}

Bu çalışma umarım sizler için yararlı olmuştur..

Microsoft Web Platform Installer 2.0

2009-10-17T10:48:00.001-07:00

Microsoft Web Platform Installer 2.0 (Web PI), Internet Information Services (IIS), SQL Server Express, .NET Framework ve Visual Web Developer dahil Microsoft Web Platform un tüm bileşenlerini ücretsiz indirmemizi sağlayan çok yararlı bir araçtır. Denemenizi tavsiye ederim. Aşağıdaki linkten indirebilirsiniz..

Microsoft Web Platform Installer 2.0

Sermin Yağcı

ASP.NET AJAX Controltoolkit: ToggleButtonExtender Kullanımı

2009-10-09T14:20:00.001-07:00

Asp.Net Ajax Kontrollerinden Toggle Button nasıl ve ne amaçla kullanıldığını anlamaya çalışacağız. Türkçe karşılığı iki konumlu düğme olan bu kontrol adından da anlaşılacağı gibi iki farklı görsel öğeyi üzerinde barındırır. Alışık olduğumuz kontrollerden RadioButton ve CheckBoxtan farklı olarak üzerinde resim taşır. Checkbox kontrolü yardımı ile herhangi bir işlem için onay alımı ya da bir grid üzerinde görüntülenmekte olan bilgilerin bir kısmının silinip silinmeyeceği bilgisini arka tarafta list kolleksiyonuna eklerken ana işlem olarak kullanılabilmekte. Ancak son kullanıcılara kutu içerisinde bir seçilmiş okey işareti yerine dikkat çeken bir görsel öğe sunmak her zaman sayfamıza zenginlik katar.

Bunu basit bir örnekle anlatmak gerekirse; VisualStudio içinde projemizi AJAXEnabledWebApplication olarak başlatalım. projeye yeni bir resim klasörü ekleyelim. Bu klasör içine slayt içinde kullanacağımız resimleri koyalım. Default.aspx sayfasındaki script manager altına bir tane update panel, iki tane check box, bir tane button, bir tane image, iki tane de toggle button sürükleyelim.

Sırasıyla CheckBoxların checked özelliğini "false" widht ve hight özelliklerinide seçtiğimiz resimlerin boyutuna getirelim. ToggleButton özelliklerinden TargetControlID, ImageWidth, ImageHeight, UncheckedImageUrl, ChekedImageUrl özelliklerini düzenliyoruz.

<asp:CheckBox ID="CheckBox1" Checked="false" Width="200px" Height="150" runat="server" />
<br />
<asp:CheckBox ID="CheckBox2" Checked="false" Width="200px" Height="150" runat="server" />
<asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" />
<br />
<asp:Image ID="Image1" ImageUrl="~/Resim/r0.png" runat="server" />
<br />
<asp:Label ID="Label1" runat="server" Text="Daha bişey seçilmedi.."></asp:Label>
<cc1:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server" TargetControlID="CheckBox1"
        ImageWidth="100" ImageHeight="100" UncheckedImageUrl="Resim/r0.png" CheckedImageUrl="Resim/r1.png"
        CheckedImageAlternateText="Seçildi" UncheckedImageAlternateText="Seçilmedi">
</cc1:ToggleButtonExtender>
<cc1:ToggleButtonExtender ID="ToggleButtonExtender2" runat="server" TargetControlID="CheckBox2"
        ImageWidth="100" ImageHeight="100" UncheckedImageUrl="Resim/r0.png" CheckedImageUrl="Resim/r2.png"
        CheckedImageAlternateText="Seçildi" UncheckedImageAlternateText="Seçilmedi">
</cc1:ToggleButtonExtender>

Button1 üzerine iki kez tıkaldıktan sonra Default.aspx.cs içine

protected void Button1_Click(object sender, EventArgs e)
     {
         string strSecilen = "";
         Image1.ImageUrl = "Resim/r0.png";
         if (!CheckBox1.Checked && !CheckBox2.Checked)
             {
                  Image1.ImageUrl = "Resim/r0.gif";
                  strSecilen = "Seçilmedi bişey..";
              }
          else if (!CheckBox2.Checked)
              {
                 Image1.ImageUrl = "Resim/r1.gif";
                 strSecilen = "üst resim seçildi..";
              }
           else if (!CheckBox1.Checked)
             {
                  Image1.ImageUrl = "Resim/r2.gif";
                  strSecilen = "alt resim seçildi..";
             }
           else
            {
                 Image1.ImageUrl = "Resim/r3.gif";
                 strSecilen = "aboo hepsi geliverdi..";
            }
          Label1.Text = strSecilen;
     }

kontrolünü yazıyoruz.Proğramı çalıştırdığımızda sonuç..

Hiç seçim yapmadan tıkladığımızda..

Üst resmi seçip tıkladığımızda..

Alt resmi seçip tıklandığımızda..

İkisi de seçildiğinde..

Umarım yararlı olabilmişimdir.

Sermin Yağcı

http://serminyagci.blogspot.com

ASP.NET AJAX Controltoolkit: DropShadowExtender Kullanımı

2009-10-07T07:10:00.001-07:00

Bu yazımızda Ajax Kontrollerinden Drop Shadow extender üzerinde duracağız. Bu kontrolün kullanım amacı sayfalarımızda kullandığımız panellere görsel zenginlik katmaktır. Aynı zaman da bu panellerin köşelerini yuvarlayabilmemizede olanak sağlıyor.

Basit bir örnekle ele alırsak VisualStudio içinde projemizi AJAXEnabledWebApplication olarak başlatalım. Default.aspx sayfası içine bir tane panel sürükleyelim. Arkasından bir tanede DropShadowExtender. Şimdi bu kontrolün özelliklerine bir bakalım.

TargetControlID, hangi alanın gölgesi olması gerektiğini belirtir. Opacity, kenardaki gölgenin yoğunluğunu gösteriyor beyazdan siyaha. Rounded, panel köşelerinin oval olmasını sağlar. Radius, köşelerin oval olması durumunda yuvarlağın çapını belirtir. Width, gölge kalınlığını gösterir.

Düzenlemeleri yaptıktan sonra panel görüntüsü aşağıdaki gibidir.

Umarım yararlı olabilmişimdir.

Sermin Yağcı

ASP.NET AJAX Controltoolkit: Timer Kontrol kullanımı

2009-10-05T06:38:00.001-07:00

AJAX Timer Kontrol web sayfasında herhangi bir güncelleme görevi gerçekleştirmek için zaman aralığı belirleyen bir kontroldür. Bizim belirlediğimiz periyotlarla aktif olarak sürekli postback yapmamızı sağlar. GenllikleUpdatePanellerle birlikte kullanılırlar. Sayfamızın kısmi olarak güncellenmesini sağlarlar. Örnek vermek gerekirse sayfa içinde saat görüntülemek, slayt göstermek, bir oyun içinde topu sürekli hareket ettirmek yada sayfa içinde yapılacak bir işlem için bekleme yapmak gerktiğinde kullanılabilecek önemli bir kontroldür.

Daha iyi kavrayabilmemiz açısından bu kontrolü basit bir örnekle ele almaya çalışacağız. Bu örnekte yapacağımız şey sayfanın başında saniyeleri gösteren bir saat ve hemen altında bizim hazırladığımız klasör içindeki resimlerden beş saniyede bir rasgele seçilerek oluşturulan bir slayt.

VisualStudio içinde projemizi AJAXEnabledWebApplication olarak başlatıyoruz. Dizayn sayfasına bir adet update panel, panel içine bir tane Label ve bir tanede Timer kontrolü sürüklüyoruz. Bu kontrolün özelliklerine bakılınca Interval özelliğini görüyoruz. Bu özellik Timer’ın kaç milisaniyede (saniyenin binde biri) bir tetikleneceğini gösteriyor.

Event (olay)’larına baktığımızda Tick görüyoruz bunun karşısına iki kez tıkladığımızda Default.aspx.cs sayfasına

protected void Timer1_Tick(object sender, EventArgs e)
     {
        Label1.Text = DateTime.Now.ToString();
     }

kod parçasını yazarak projemizi çalıştırdığımızda sayfamızın içinde artık hersaniye değişen sistem saatimizi gösteren bir saatin mevcut olduğunu görürüz.

Sayfamıza bir tane de slayt ekleyelim. Bunun için önce proje içine bir Resimler klasörü ekleyelim. Resimlerin rasgele seçilmesi sağlayabilmek için resim isimlerinin sıralı olması gerekmekte. Örneğin resim_1, resim_2, resim_3, … gibi. Dizayn sayfamıza 1 tane daha update panel, timer kontrol ve image ekliyoruz. ImageUrl tanımlıyoruz.

<asp:Image ID="Image1" runat="server" ImageUrl="~/Resimler/resim_1.gif" />

Timer Kontrolün resimleri 5 saniyede 1 değiştirmesi için için Timer2’nin Interval özelliğine 5000 yazıyoruz. Update panelin Triger Kolleksiyonunu aşağıdaki gibi düzenliyoruz.

Timer2’nin Tick eventi üzerine iki kez tıkladıktan sonra Default.aspx.cs sayfası içine

protected void Timer2_Tick(object sender, EventArgs e)
      {
        Random RasgeleResimlerim = new Random();
        int i = RasgeleResimlerim.Next(1, 5);
        Image1.ImageUrl = System.String.Concat("Resimler/resim_", i.ToString(), ".gif");
      }

Kod bloğunu yazıyoruz. Burada Random sınıfından yararlanarak i değişkenine bir ile beş arasında bir değer tanımlıyoruz (bu sayıda olmasının nedeni resim klasörüne beş tane resim koymam) sonrasında da resimlerin görüntülenmesi amacı ile bu değişkeni Image1.ImageUrl ile dosya yolu bulmasında kullanıyoruz.

Projeyi çalıştırdığımızda sayfanın başında bir tarih saat göstergesi ve alttada beş saniyede değişen bir slayt yer alıyor.

Bu yazımızda AJAX ExtenderTimer Kontrolü anlamaya çalıştık. Web sayfamız içine sayfa içeriğimizden bağımsız olarak her saniye güncellenen bir saat ve beş saniyede bir rasgele olarak değişen resimlerden oluşan bir slayt gösterisi koyduk. Umarım sizin için yararlı olmuştur.

Sermin Yağcı

http://serminyagci.blogspot.com

ASP.NET AJAX Kontrollerinden Accordion Kullanımı

2009-10-04T12:51:00.000-07:00

Bu yazımızda, web sayfaları geliştirirken sık sık kullanma ihtiyacı duyduğumuz Ajax Kontrollerinden Accordion Kontrolü üzerinde duracağız. Bu kontrol genellikle sayfa içerisinde fazladan yere ihtiyaç duyulduğunda, çeşitli içeriklerin alt alta verilerek seçim yapılması istendiği durumlarda kullanılır.

Bunu bir örnek üzerinde görmek için bir tene AJAXEnabledWebApplication projesi açıyoruz. İçine 1 tane AddNewItem>StyleSheet ekliyoruz.

.baslik
{
border:solid 1px black;
color: white;
background-color:#B60000;
color:#FFD800;
padding:5px;
margin-top:5px;
}
.seciliBaslik
{
border: solid 1px black;
color : white;
background-color:#800000;
color:#FFD800;;
padding:5px;
margin-top:5px;
}
.icerik
{
background-color:White;
color:Black;
}

Dizayn sayfamıza 1 tane Accordion sürüklüyoruz. Bu kontrolün özelliklerine bakıldığında aşağıdaki görüldüğü gibi;

içerik için css, başlık için css, seçili başlık için css kullanılabilirliği bizim için sunulmuştur. Bu, sayfaya yaratıcılık katarak çok çeşitli farklılıklar oluşturmaya olanak sağlamaktadır.

Bir sonraki adımda dizayn sayfası içindeki akordion panel içindeki parçaların oluşturulamasına geçebiliriz bunu

<ajaxToolkit:Accordion ID="Accordion1" runat="server" SelectedIndex="0" HeaderCssClass="baslik"
           ContentCssClass="icerik" FadeTransitions="true" HeaderSelectedCssClass="seciliBaslik"
           FramesPerSecond="40" TransitionDuration="250" AutoSize="None">
           <Panes>
               <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
                   <Header>1</Header>
                   <Content>qwert</Content>
               </ajaxToolkit:AccordionPane>
               <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
                   <Header> 2</Header>
                   <Content> qwert</Content>
               </ajaxToolkit:AccordionPane>
               <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
                   <Header>3</Header>
                   <Content>qwert</Content>
               </ajaxToolkit:AccordionPane>
           </Panes>
       </ajaxToolkit:Accordion>

son ekran görüntüsü ..

Umarım yararlı olmuştur.

Sermin Yağcı

Ajax Kontrollerinden CascadingDropDown Kullanımı ve XML Veri Dosyasıyla çalışmak..

2009-09-24T10:45:00.001-07:00

Bu yazıda Ajax Kontrollerinden CascadingDropDown'un nasıl kullanıldığını, web site olarak açılan proje içerisinde xml veri dosyasının nasıl oluşturulduğunu yaptığımız örnekle anlamaya çalışacağız.

Çalıştığımız Visual Studio içinde Ajax Control Toolkit Web Site seçeneği mevcut değilse --------- linkinden indirip kurabilirsiniz

İlk olarak App_Data dosyasının içine yeni ekle deyip XMLFile ekliyoruz. Bu aynı zamanda proje içindeki veri kaynağı olarak kullanılacak veri dosyası olma özelliğini de taşıyor. Aşağıdaki gibi bir liste hazırlamayı uygun gördüm.

<?xml version="1.0" encoding="utf-8" ?>

</yazar>

</yazar>

</yazar>

</turu>

</yazar>

</yazar>

</yazar>

</turu>

</KitapDukkani>

Koda dikkat edersek basit bir mantıkla yazılmıştır. Tür, birçok kitabı kapsadığı için en dışta. Yazar, kendi içinde seçenekler sunduğu için kısımsal. Kitap, kendine özel olduğu için tek satırda.

Projemize yeni bir web servis ekleyerek devam ediyoruz.

Bu servis içerisin de yapmak istediğimiz, xml dosyasının içindeki verileri, yolunu göstererek web servis içindeki kontrollere bağlamak. Başlangış olarak isim alanımızın üzerine [ScriptService] ekleyerek Script servis çağırma işlemini yapıyoruz. Bunu ekledikten sonra alt+shift+f10 yaparak using alanına using System.Web.Script.Services eklenmesini unutmamak gerekir. Aynı işlemi aşağıdaki XmlDocument i ekledikten sonrada tekrarlayarak using System.Xml ifadesinin projeye dahil olmasını sağlıyoruz. Bu xml veri dosyasındaki bilgilerin web servis üzerinden erişilebilirliğini sağlayacak. Ayrıca object olarak tanımladığımız _lock dikkatinizi çekmiştir. Get bloğu altındaki lock fonksiyonunun görevi blok içindeki görev bitmeden dışarıdan “KitapService.xml” dosyası nı kilitleyerek üzerinde herhangi bir işlem yapılmasını engellemek.

// uye degiskenler

private static XmlDocument _dokuman;

private static object _lock = new object();

// disariden cagirabilmek icin public static olusturduk

public static XmlDocument Dokuman

{

get

{

lock (_lock)

{

if (_dokuman == null)

{

// xml veri okunur

_dokuman = new XmlDocument();

_dokuman.Load(HttpContext.Current.Server.MapPath("~/App_Data/KitapService.xml"));

}

return _dokuman;

}

public static string[] Hierarchy

{

get

{

return new string[] { "turu", "yazar" };

}

Görünşü bu şekilde olacaktır. Yine aynı isim alanı içine aşağıdaki methodu yazıyoruz.

[WebMethod]

public AjaxControlToolkit.CascadingDropDownNameValue[] GetDropDownContents(string knownCategoryValues, string category)

{

// Kategorisi bilinen degerler / veri çiftleri

StringDictionary knownCategoryValuesDictionary = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);

// veri dosyası içinde karşılaştırma sorgusu

return AjaxControlToolkit.CascadingDropDown.QuerySimpleCascadingDropDownDocument(Dokuman, Hierarchy, knownCategoryValuesDictionary, category);

}

Burada amaç, proğramın çalışması sırasında seçilen değerlerin dosya içinde sorgulanarak ilişkisel olanların önümüze getirilebilmesi.

Default.aspx sayfası üzerine gelerek, 3 tane Label, 3 tane drop down list, 1 tane update Panel ve panel içine 1 tane daha label sürükleyelim.

Bunlar türü, yazarı, kitabı seçmemizi sağlayacaklar. Kitap seçtirecek olan DropDownList3 ün özelliklerinden otomatik postback olma özelliğini (Enable AutoPostBack) açıyoruz. Label’in altına 3 tanede Cascading Drop Down sürüklüyoruz. Tetikleme kontrolünü, kategorisini, istek metnini ve yükleme sırasındaki metni taımlıyoruz. Kod bloğu aşağıdaki gibi görünüyor.

<ajaxToolkit:CascadingDropDown ID="CascadingDropDown1" runat="server" TargetControlID="DropDownList1"

Category="turu" PromptText="Tür Seçiniz.." LoadingText="[seçiliyor..]"

ServicePath="KitapService.asmx" ServiceMethod="GetDropDownContents" />

<ajaxToolkit:CascadingDropDown ID="CascadingDropDown2" runat="server" TargetControlID="DropDownList2"

Category="yazar" PromptText="Lütfen yazar seçiniz" LoadingText="[seçiliyor...]"

ServiceMethod="GetDropDownContentsPageMethod" ParentControlID="DropDownList1" />

<ajaxToolkit:CascadingDropDown ID="CascadingDropDown3" runat="server" TargetControlID="DropDownList3"

Category="kitap" PromptText="Lütfen Kitap seçiniz" LoadingText="[seçiliyor...]"

ServicePath="KitapService.asmx" ServiceMethod="GetDropDownContents"

ParentControlID="DropDownList2" />

Update panelin tetikleme kolleksiyonuna en son seçtirilecek olan kitap menüsünü tanımlıyoruz.

Default.aspx dizayn sayfası üzerindeki DropDown3 üzerinde çift tıklayarak Default.aspx.cs sayfası üzerine seçim indexi değiştiğinde gerçekleşmesini istediğimiz olayların yazıldığı kod bloğunun oluşmasını sağlıyoruz.

protected void DropDownList3_SelectedIndexChanged(object sender, EventArgs e)

{

string tur = DropDownList1.SelectedItem.Text;

string yazar = DropDownList2.SelectedItem.Text;

string kitap = DropDownList3.SelectedItem.Text;

if (string.IsNullOrEmpty(tur))

{

Label1.Text = "Lütfen tur seçiniz..";

}

else if (string.IsNullOrEmpty(yazar))

{

Label1.Text = "Lütfen yazar seçiniz.";

}

else if (string.IsNullOrEmpty(kitap))

{

Label1.Text = "Lütfen kitap seçiniz.";

}

else

{

Label1.Text = string.Format("Seçtiginiz Kitap {1} turunde yazilmis, {2} tarafindan kaleme alinmis {0}. Iyi okumalar.", kitap, tur, yazar);

}

[WebMethod]

[System.Web.Script.Services.ScriptMethod]

public static CascadingDropDownNameValue[] GetDropDownContentsPageMethod(string knownCategoryValues, string category)

{

return new KitapService().GetDropDownContents(knownCategoryValues, category);

}

Düzenlemeleri yaptıktan sonra proğramı çalıştırabiliriz.

Bu yazımızda beraberce yaptığımız örnekle Axaj kontrollerinde Cascading Drop Down Listi nerde kullanabileceğimizi, xml olarak hazırlanan bir veri dosyasını proje içinde nasıl kullanabileceğimizi kavramaya çalıştık. Umarım sizin için yararlı olmuştur.

kaynak: http://www.asp.net/

Sermin Yağcı

kim

2009-09-22T12:05:00.000-07:00

Hep yalnız, hep yalnız, hep yalnız, yalnızlık, yalnız, tek başına. Şimdi, sindir içine, sindir, sindir, sindir, kalk.. Artık koşabilirsin...

bu ne..

2009-09-22T11:51:00.001-07:00

Çok zamandır kağıt kalem almıyorum elime. Yazmaya başlayınca eskiden yazdıklarımı yazacakmışım gibi geliyor. Hemen vaz geçiyorum. Yapacak başka bir şeyimde hep oluyor zaten. İyiki kızım var.
İçimdeki, yeni tutkusumu desem, eski korkusu mu desem anlayamıyorum. İlk defa dinlediğim bir müzik beni nasıl mutlu ediyor. İlk kez okuduğum kitap nasıl sürüklüyor. İlkler insana eskiyi hatırlatmıyor belki sevmem ondandır.
Yeniden başlamak çok korkutucu eski içinde, başlayınca heyecan verici, ilerlerken zor ama sindirirken içine acı verici, güvenmek çok eğreti. Bunlar kısır döngü. Kader mi, tercih mi yoksa aptallık mı.Tek gerçek şu ki devam etmek her zaman başlamaktan zor. Sonra evreler var; herşey yolunda giderken, birden fırlayan tümsekler. Direnmek lazım çünkü geçiyor, yenisi çıkana kadar en azından. Ayrıntılara takmadan, kalıp uydurmaya çalışmadan, kendi deviniminde müdahale etmeden, ayak uydurmaya çalışmak en az zarar vereni...

AJAX’ta Web Servis ile Çalışmak

2009-09-14T00:48:00.001-07:00

Bu yazıda ASP.NET Ajax uygulamasında Web Servislerin nasıl çalıştırıldığını küçük bir örnekle anlamaya çalışacağı.

Visual Studio içinden açacağımız AJAXEnabledWebApplication içinden projeye 1 tane WebService ekleyerek başlıyoruz.

WebService1.asmx.cs içindeki HelloWorld metodunun altına kendi metodumuzu oluşturalım .

[WebMethod]

public string Takimim(string hangiTakim)

{

return "En Büyük "+ hangiTakim;

}

İsterseniz Debug ederek çıkan ekranı görebilirsiniz. Default.aspx sayfası içine 1 tane Input (Button) ve 1 tane de Input (Text) sürüklüyoruz.

Butonun üzerine 2 kez tıkladığımızda title tagi altına

// <!CDATA[

function Button1_onclick() {

}

// ]]>

</script>

Kod bloğu gelir. WebService1.asmx.cs içine giderek pulic class üstüne ;

[ScriptService()] yazdıktan sonra alt+shift+f10 yaparak using alanına

using System.Web.Script.Services;

alanının referans edilmesini sağladıktan sonra . Default.aspx içindeki asp:ScriptManager tagi içine

<asp:ScriptManager ID="ScriptManager1" runat="server">

<asp:ServiceReference Path="WebService1.asmx" />

</Services>

</asp:ScriptManager>

Web servisi referans ediyoruz.

function Button1_onclick() {

donecek = AJAXEnabledWebApplication1.WebService1.Takimim(document.getElementById('Text1').value, Tamamlandi, ZamanAsimi, HataOlustu);

return true;

}

function Tamamlandi(arg) {

alert(arg);

}

function ZamanAsimi(arg) {

alert("zaman doldu");

}

function HataOlustu(arg) {

alert("hata oldu");

}

JavaScript fonksiyonlarını yazdıktan sonra Web Servisimiz çalışmaya hazır. Sizin için yararlı olduğunu umuyorum. Kolay gelsin.

Ajax Update Panel Kullanımı

2009-09-12T12:45:00.001-07:00

Asp.Net’te Ajax Kontrollerinden Update Panel kulanım alanı bakımından çok önemli bir kontroldür. ScriptManeger kontrolü ile beraber sayfayı kısmi olarak yönetmeyi sağlar. Web sayfasında istenilen alanın yenilenmesine olanak sağladığından zaman ve .... bakımından kullanılması önemlidir.Şimdi basit bir örnekle genel olarak Update Panel ile neler yapabileceğimize bakalım.

Visual Studio içinden AJAXEnabledWebApplication bir proje açalım. Default.aspx Designer içine 3 tane label 1 tanede buton sürükleyelim. Button üzerine 2 kez tıklayarak Default.aspx.cs sayfası içine buttonClick eventi için kod bloğu oluşmasını sağlayalım. PageLoad eventi içine

protected void Page_Load(object sender, EventArgs e)

{

Label1.Text = "1.Zaman : " + DateTime.Now.ToString();

Label2.Text = "2.Zaman : " + DateTime.Now.ToString();

Label3.Text = "3.Zaman : " + DateTime.Now.ToString();

}

kod parçacığını yazıp çalıştırdığımız zaman

Şeklinde bir ekran görüyoruz bu bizim sistem saatimiz.

Defaul.aspx designer sayfasına gelip 1. ve 2. Labeller arasına 1 tane UpdatePanel sürükleyelim ve Label2 ile Button1 i bu panel içine taşıyalım. Proje çalıştırıldığında 1inci 2inci ve 3üncü zamanların aynı olduğunu görürüz. Ama 2. Zaman altındaki butonu tıklatığımız da artık 2. Zaman’ımızın butona tıklanma anı olduğunu göreceğiz. Burdan şu sonuç çıkartılıyor: Panel içine taşıdığımız kısım sayfa bütününden asenkron olarak postback oluyor.

Butonu panel içine taşımadan da böyle bir kontrol yapabilirmiyiz ona bakalım. Update Panel özellilerine baktığımız da Triggers diye bir özellik görüyoruz bu tetikleyici bize panel içini eventlerle kontrol edebilme özgürlüğü sağlıyor. Butonu dışarı aldıktan sonra UpdatePanel1 in özelliklerinden Triggers (Collection)’a tıkladığımızda karşımıza çıkan pecereden önce Add daha sonra ControlID den Button1’i seçiyoruz.

Tamam diyerek projemizi çalıştırdığımızda arada fark olmadığını görürüz. Default.aspx designer içine 1 tane daha UpdatePanel sürükleyerek 3. Zaman labelimizi içine taşıdıktan sonra da çalıştırdığımızda güncellenen satırların 2. Ve 3. Zaman olduğuna dikkat çekmek istiyorum. Sayfa içindeki UpdatePanellerden herhangi birisi için yazdığımız tetikleyici sayfa içindeki tüm update paneller üzerinde etkili olur. Buna müdahale etmek için UpdatePanel2 nin özelliklerinden seçili Always gelen UpdateMode’u Conditional olarak değiştiriyoruz. Artık Button1 e bastığımızda 3. Zaman sekmesi değişmeyecek. Son olarak UpdatePanel2 içine 1 tane daha buton sürükleyerek projeyi çalıştırdığımızda Button2 ye tıklandığında 2. Ve 3. Sekmelerin değiştiğini Button1 e basıldığında ise sadece 2. Sekmenin değiştiği görülür.

Bu yazımızda Ajax Kontrollerinde Update Panel’in genel kullanımını öğrenmeye çalıştık. Umarım size faydalı olmuştur.

Modal Popup Extender Kullanımı

2009-09-11T07:28:00.001-07:00

Bu yazımızda Asp.Net üzerindenki Ajax Kontrollerinden ModalPopupExtender üzerinde duracağız. Boş bir sayfaya yazdığımız metnin görünüşünü seçim yapmamız için fırlayacak bir popup yardımıyla değiştireceğiz. Değişik senaryolarda , farklı görünüşler yaratmak yaratıcılığınıza kalmış.

Başlangıç olarak VisualStudio muzu açarak AJAXEnabledWebApplication projemizi başlatıyoruz. Default.aspx sayfaındaki ScriptManeger in altındaki div tagına bir tane LinkButton sürüklüyoruz. Text’ine “ Stil seçmek için tıklayın” yazıyoruz. Hemen altına paragrafımızı ekliyoruz.

“Bir sabah tedirgin düşlerden uyanan Gregor Samsa, devcileyin bir böceğe dönüşmüş buldu kendini. Bir zırh gibi sertleşmiş sırtının üzerinde yatıyor, başını biraz kaldırınca yay biçiminde katı bölmelere ayrılıp bir kümbet yapmış kahverengi karnını görüyordu; bu karnın tepesinde yorgan, her an kayıp tümüyle yere düşmeye hazır, ancak zar zor tutunabilmekteydi. Vücudunun kalan bölümüne oranla acınacak kadar cılız bir sürü bacakçık, ne yapacaklarını şaşırmış, gözlerinin önünde aralıksız çakıp sönüyordu.”<br />

Franz Kafka<br />

Değişim

</p>

Stil seçmek için tıklandığında çalışması için gereken fonksiyonu yazmayıda unutmuyoruz.

var styleSec;

function buDur() {

document.getElementById('Paragraph1').className = styleSec;

}

</script>

Projemize bir tane de Style Sheet ekliyoruz içine stillerimizi yazıyoruz:

.popupControl {

background-color:#AAD4FF;

position:absolute;

visibility:hidden;

border-style:solid;

border-color: Black;

border-width: 2px;

}

.modalBackground {

background-color:Purple;

filter:alpha(opacity=70);

opacity:0.7;

}

.modalPopup {

background-color:#ffffdd;

border-width:3px;

border-style:solid;

border-color:Lime;

padding:3px;

width:250px;

}

.StyleA {

background-color:#FFF;

}

.StyleB {

background-color:#FFF;

font-family:Comic Sans MS;

font-size:12pt;

font-weight:bold;

}

.StyleC {

background-color:#ddffdd;

font-family:Arial;

font-size:10pt;

font-style:italic;

}

.StyleD {

background-color:Fuchsia;

color:White;

font-family:Consolas;

font-size:12pt;

font-weight:bold;

font-style:italic

}

Eklediğimiz Stylesheet i Default.aspx sayfasına enteğre etmek için

tagının eklenmesi gerekir.

Modal Popup içindeki menüyü hazırlayabilmek için elbetteki bir panel e ihtiyacımız olacak, bu panel içine kaç tane style yaratmayı istiyorsak o kadar RadioButton ve Label ekliyoruz. Bu işlemleri tamamladıktan sonra benim kodlarım aşağıdaki gibi olmuştur.

<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none"

Width="233px">

<p>

Seç bakalım

</p>

budur</label><br />

budur</label><br />

budur</label><br />

budur</label><br />

<br />

<asp:Button ID="OkButton" runat="server" Text="Tamam" />

<asp:Button ID="CancelButton" runat="server" Text="Boşver" />

</div>

</asp:Panel>

<br />

<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton1"

PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true"

OkControlID="OkButton" OnOkScript="buDur()" CancelControlID="CancelButton" />

Proğram çalıştırıldığında ekran görüntüsü :

Umarım sizin için yaralı olmuştur.

Asp.Net GridView’ da Update Insert Delete İşlemleri

2009-09-07T13:42:00.001-07:00

Asp.Net GridView’ da Update Insert Delete İşlemleri

ASP.NET 2.0 Kontrollerinden GridView veri tabanıyla yapılan işlemlerde çok önemli bir yer tutmaktadır. Hatta birincil kontroldür deyebiliriz. GridView'u veri tabanına bağlamak için bir çok yöntem kullanılabilmektedir. Bunlar SqlDataSource, ObjectDataSource, AccessDataSource, EntityDataSource, LinqDataSource, XMLDataSource kontrolleridir. Veri tabanındaki tablomuzu kod yazmadan hatta kolon isimlerini bile yazmadan bu kontroller sayesinde kolayca gridview içinde gösterebiliriz.

Bu yazımızda bir örnek üzerinden veri tabanındaki verileri bir DataTable üzerinde tutarak ihtiyacımız olan insert, update ve delete kontrollerini kod yazarak yaptırmayı anlamaya çalışacağız.

Başlangıç olarak veri tabanı içerisinde kullancağım tablonun senaryosunu vermek istiyorum. Bir personel tablosu oluşturmayı uygun gördüm.

CREATE TABLE [dbo].[Personel](
    [PersonelId] [int] IDENTITY(1,1) NOT NULL,
    [Adi] [nvarchar](50) NOT NULL,
    [Soyadi] [nvarchar](50) NOT NULL,
    [MedeniDurumu] [nvarchar](10) NOT NULL,
    [Sehir] [nvarchar](50) NOT NULL
) ON [PRIMARY]
GO

Veri tabanı içinde tablomuzu oluşturduktan sonra, VisualStudio içinde projemizi ASP.NET AJAX Enabled Website olarak açıyoruz.

Sonraki adımda yapmamız gereken webcofig’imizin içinde ConnectionString cümlesi tanımlamak. Bu sayede proğram içinde sql bağlantımızı sağlamış olacağız. Onuda Web.config içinde system.web taginin üstüne aşağıdaki şekilde yazabiliriz.

Bu tabiyki Windows Authentication kullanıyorsak eğer SQL Server Authentication kullanıyorsak Login ve Password te belirtmemiz gerekir.
Sonraki adımda Default.aspx sayfasındaki design kısmından ScriptManeger ın altındaki div taginin içine bir tane GridView sürükleyip bırakalım GridView un özelliklerinden AutoGenerateColumns ını false, ShowFooter ını true olarak işaretleyelim. DataKeyNames ini PersonelId olarak verelim. Bu değişiklikleri yapmamızın nedeni yeni kayıt, düzenleme yada silme işlemlerinin PersonelId üzerinden gerçekleştirilmesini sağlayarak herhangi bir yanlışlığa ya da karışıklığa sebep olmamasını sağlamak. Özelliklerinden eventlerini (olaylarını) tıklayarak DataBound, RowCancellingEdit, RowCommand, RowDeleting, RowEditing, RowUpdating seçeneklerinin önlerindeki boş kutulara çift klik yaptığımızda, daha sonradan içini tablomuzdaki bilgilerle doldurduğumuz GridViewumuzun satırlarında, değişiklik yapmamızı sağlayacak kod parçalarını yazacağımız kısımlar Default.aspx.cs içinde bizim için hazırlanmış olacak.

Projemizin içine yeni bir class ekleyelim PersonelCls.cs bu class içinde db den verileri getirme, düzenleme, değiştirme ve silme işlemlerini yapacağız.

public void Insert ( string Adi, string Soyadi, string Sehir,string MedeniDurumu)
    {
        // Insert işlemlerinin yapılacağı kod bloğu.
    }
public DataTable Getir()
    {
        // Data Table ile veri getirileceği kod bloğu.
    }
public void Update( string Adi, string Soyadi, string Sehir,string MedeniDurumu)
    {
        // Update işleminin yapıldığı kod bloğu.
    }
public void Delete(int PersonelId)
    {
        // Delete işleminin yapıldığı kod bloğu.
    }

Sonraki adımda tekrar Default.aspx sayfasının Design kısmıma giderek, GridView un Smart Tag ından, EditColumns u seçerek dört tane TemplateField ekleyelim. Bunların HeaderTextlerine sırasıyla Adı, Soyadı, Medeni Durumu ve Şehir diyoruz. Daha sonra CommandField in içinden Edit, Update, Cancel, bir tanede Delete ekliyoruz. Alttaki Auto-generate fields tikini kaldırılmış olmasına dikkat edelim.

Bu adımda GridView un Smart Navigation Tagına tekrar tıklayarak Edit Template seçiyoruz. Display in içinden kolonlarımız düzenlemeye başlıyoruz.

Ad, Soyad ve Şehir kolonlarında aynı işlemleri tekrarlayacağız. ItemTemplate içine bir tane label sürükleyip bırakıyoruz. Label in yanındaki smart tag den Edit Data Bindings te aşağıdaki gibi Custom binding seçip Code expression içine Eval(“Adi”) kod unu yazıyoruz. EditItemTemplate içine 1 tane TextBox sürükleyip önce propertylerinden ID sini txtAdi olarak değiştiriyoruz. Daha önce label a yaptığımız işlemin aynısını burda da yapıyoruz ama burada yazacağımız kod Bind(“Adi”). Eval database üzerinde kayıtlı olan veriyi label üzerinde görmemizi sağlar, Bind ise bizim görmemizi sağladığı gibi üzerinde yaptığımız değişikliği database üzerindede günceller.
FooterTemplate üzerine bir tane TextBox koyuyoruz bunun ID sini de txtYeniAd olarak değiştiriyoruz.

Medeni Durum kolonuna sıra geldiğinde ItemTemplate içine bir label, EditItemTamplate içine bir tane DropDownList sürükleyip bırakıyoruz. Smart tag den EditItemsi seçerek

Şeklinde bir düzenleme yapıyoruz. Ayrıca EditDataBindings’ine Bind(“MedeniDurumu”) yazmayı unutmayalım.
Sıra geldi Edit ve Delete kolonlarını düzenlemeye. Edit Kolonunun EditItemTamplate içine 2 tane LinkButton sürüklüyoruz propertylerinden birinci butonu CasusesValidation true, CommandName Update, Text Update olarak düzenliyoruz. İkincisi içinde CasusesValidation False, CommandName Cancel, text Cancel düzenlemelerini yapıyoruz. FooterTemplate içine LinkButton sürüklüyoruz CasusesValidation false, CommandName AddNew, Text AddNew yaptıktan sonra kodlarımızın görünümü aşağıdaki gibi olacak.

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="PersonelId"
ShowFooter="True" OnRowCancelingEdit="GridView1_RowCancelingEdit"
OnRowCommand="GridView1_RowCommand" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"
OnRowUpdating="GridView1_RowUpdating">
    <Columns>
        <asp:TemplateField HeaderText="Adı" SortExpression="Adi">
            <EditItemTemplate>
                <asp:TextBox ID="txtAdi" runat="server" Text='<%# Bind("Adi") %>'/>
            </EditItemTemplate>
            <FooterTemplate>
                <asp:TextBox ID="txtYeniAd" runat="server"/>
            </FooterTemplate>
            <ItemTemplate>
                <asp:Label ID="Label2" runat="server" Text='<%# Eval("Adi") %>'/>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Soyadı" SortExpression="Soyadi">
            <EditItemTemplate>
                <asp:TextBox ID="txtSoyad" runat="server" Text='<%# Bind("Soyadi") %>'/>
            </EditItemTemplate>
            <FooterTemplate>
                <asp:TextBox ID="txtYeniSoyad" runat="server" />
            </FooterTemplate>
            <ItemTemplate>
                <asp:Label ID="Label3" runat="server" Text='<%# Eval("Soyadi") %>'/>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Medeni Durumu" SortExpression="MedeniDurumu">
            <EditItemTemplate>
                <asp:DropDownList ID="cmbMedeniDurum" runat="server" SelectedValue='<%#Bind("MedeniDurumu") %>'>
                <asp:ListItem Value="Evli" Text="Evli" />
                <asp:ListItem Value="Bekar" Text="Bekar" />
                </asp:DropDownList>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="lblMedeniDurum" runat="server" Text='<%# Eval("MedeniDurumu") %>'/>
            </ItemTemplate>
            <FooterTemplate>
                <asp:DropDownList ID="cmbYeniMedDurum" runat="server" >
                    <asp:ListItem Selected="True" Text="Evli" Value="Evli" />
                    <asp:ListItem Selected="False" Text="Bekar" Value="Bekar" />
                </asp:DropDownList>
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Şehir" >
            <EditItemTemplate>
                <asp:TextBox ID="txtSehir" runat="server" Text='<%# Bind("Sehir") %>' />
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label5" runat="server" Text='<%# Eval("Sehir") %>' />
            </ItemTemplate>
            <FooterTemplate>
                <asp:TextBox ID="txtYeniSehir" runat="server" />
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Edit" ShowHeader="false">
            <EditItemTemplate>
                <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update"
Text="Update" />
                <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Cancel"
Text="Cancel" />
            </EditItemTemplate>
            <FooterTemplate>
                <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="AddNew" Text="Add New" />
            </FooterTemplate>
            <ItemTemplate>
                <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Edit"
Text="Edit" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:CommandField HeaderText="Delete" ShowDeleteButton="True" ShowHeader="True" />
    </Columns>
</asp:GridView>

Son adımda yapmamız gereken Default.aspx.cs sayfamızın içine gelerek PersonelCLS.class içinde yazdığımız methodları kullanmak. Daha önceden hazırladığımız bloglar içine gerkli kodları yazacağız.

public class PersonelsCls
{
     private string cnstr = ConfigurationManager.ConnectionStrings["PersonelsConnectionString"].ConnectionString;

     private string sql;

     public void Insert(string Adi, string Soyadi, string Sehir, string MedeniDurumu)
     {
          string sql = "Insert Into Personel (Adi, Soyadi, Sehir, MedeniDurumu) Values ('" + Adi + "','" + Soyadi + "','" + Sehir + "','" + MedeniDurumu + "')";
          SqlConnection conn = new SqlConnection(cnstr);
          conn.Open();
          SqlCommand cmd = new SqlCommand(sql, conn);
          cmd.ExecuteNonQuery();
          conn.Close();
          conn.Dispose();
     }

     public DataTable Getir()
     {
          string sql = "Select * From Personel";
          SqlDataAdapter da = new SqlDataAdapter(sql, cnstr);
          DataTable dt = new DataTable();
          da.Fill(dt);
          return dt;
     }

     public void Update(int PersonelId, string Adi, string Soyadi, string Sehir, string MedeniDurumu)
     {
          string sql = "UPDATE Personel SET Adi ='" + Adi + "', Soyadi ='" + Soyadi + "', Sehir = '" + Sehir + "', MedeniDurumu ='" + MedeniDurumu + "'Where PersonelId=" + PersonelId;
          SqlConnection conn = new SqlConnection(cnstr);
          conn.Open();
          SqlCommand cmd = new SqlCommand(sql, conn);
          cmd.ExecuteNonQuery();
          conn.Close();
          conn.Dispose();
     }

     public void Delete(int PersonelId)
     {
          string sql = "Delete Personel where PersonelId=" + PersonelId;
          SqlConnection conn = new SqlConnection(cnstr);
          conn.Open();
          SqlCommand cmd = new SqlCommand(sql, conn);
          cmd.ExecuteNonQuery();
          conn.Close();
          conn.Dispose();
     }
}

GridView1_RowCommand içinde yeni satır eklerken kullanıcıdan aldığımız verileri FindControlle yakalayarak tablomuzun içine ekleyeceğiz.
GridView1_RowCancelingEdit içinde satır üzerinde yapılan değişikliğin iptal edilmesini sağlayacağız.
GridView1_RowUpdating içinde satır üzerinde yapılan değişikliğin database üzerindeki tablo içine kaydedilmesini sağlayacağız.
GridView1_RowDeleting içinde tablo üzerindeki satırı silme işlemi yapacağız.
Sonuç olarak namespace imiz böyle olacaktır.

namespace Ajax_GridView_UpdateInsertDelete
{
    public partial class _Default : System.Web.UI.Page
    {
        PersonelsCls personel = new PersonelsCls();
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
                 PersonelleriGrideDoldur();
        }

        private void PersonelleriGrideDoldur()
        {
            DataTable dtpersonel = personel.Getir();
            if (dtpersonel.Rows.Count > 0)
            {

                GridView1.DataSource = dtpersonel;
                GridView1.DataBind();
            }
            else
            {
                dtpersonel.Rows.Add(dtpersonel.NewRow());
                GridView1.DataSource = dtpersonel;
                GridView1.DataBind();

                int TotalColumns = GridView1.Rows[0].Cells.Count;
                GridView1.Rows[0].Cells.Clear();
                GridView1.Rows[0].Cells.Add(new TableCell());
                GridView1.Rows[0].Cells[0].ColumnSpan = TotalColumns;
                GridView1.Rows[0].Cells[0].Text = "Kayıt Bulunamadı";
            }
        }

        protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            if (e.CommandName.Equals("AddNew"))
            {
                TextBox txtYeniAd = (TextBox)GridView1.FooterRow.FindControl("txtYeniAd");
                TextBox txtYeniSoyad = (TextBox)GridView1.FooterRow.FindControl("txtYeniSoyad");
                DropDownList cmbYeniMedDurum = (DropDownList)GridView1.FooterRow.FindControl("cmbYeniMedDurum");
                TextBox txtYeniSehir = (TextBox)GridView1.FooterRow.FindControl("txtYeniSehir");
                personel.Insert(txtYeniAd.Text, txtYeniSoyad.Text, txtYeniSehir.Text, cmbYeniMedDurum.SelectedValue);
                PersonelleriGrideDoldur();
            }
        }

        protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
        {
            GridView1.EditIndex = -1;
             PersonelleriGrideDoldur();
        }

        protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
        {
            GridView1.EditIndex = e.NewEditIndex;
            PersonelleriGrideDoldur();
        }

        protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
        {
            TextBox txtAdi = (TextBox)GridView1.Rows[e.RowIndex].FindControl("txtAdi");
            TextBox txtSoyadi = (TextBox)GridView1.Rows[e.RowIndex].FindControl("txtSoyad");
            DropDownList cmbMedeniDurum = (DropDownList)GridView1.Rows[e.RowIndex].FindControl("cmbMedeniDurum");
            TextBox txtSehir = (TextBox)GridView1.Rows[e.RowIndex].FindControl("txtSehir");
            personel.Update(Convert.ToInt32(GridView1.DataKeys[e.RowIndex].Values[0].ToString()), txtAdi.Text, txtSoyadi.Text, txtSehir.Text, cmbMedeniDurum.SelectedValue);

            GridView1.EditIndex = -1;
            PersonelleriGrideDoldur();
        }

        protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            personel.Delete(Convert.ToInt32(GridView1.DataKeys[e.RowIndex].Values[0].ToString()));
            PersonelleriGrideDoldur();
        }

    }
}

Sonuç olarak bu yazımızda ASP.NET GridView kontrolü üzerinden Select, Insert, Update, Delete işlemlerini kod yardımı ile nasıl yapabileceğimizi detaylı bir şekilde incelemeye çalıştık.

Umarım sizin için yararlı olmuştur.

Sermin YAĞCI
http://serminyagci.blogspot.com

ASP.NET Veritabanı işlemlerinde Bind Ve Eval komutları

2009-09-06T02:07:00.000-07:00

ASP.NET te veri tabanı işlemleri yaparken Label üzerinde veriyi sadece okumamız gerekiyorsa Eval("Name") komutunu kullanıyoruz. Genel kullnımı:
<asp:Label ID="Label1" runat="server" Text='<%# Eval("Name") %>'></asp:Label>
Okumanın yanı sıra değişiklik yapmamızda gerkiyorsa Bind("Name") kullanıyoruz. Genel kullanımı :
<asp:TextBox ID="txtName" runat="server" Text='<%# Bind("Name") %>'></asp:TextBox>

SQL Stored Procedures Nasıl Yazılır

2009-08-23T03:45:00.001-07:00

Database kullanmamızı gerektiren 1 uygulama geliştiriyorsak ve uygulamamızın doğru ve perfonslı çalışmasını istiyorsak, sql sorguları kodlarımızın arasında bulunmamalı. Bunu da oluşturduğumuz database içinde ihtiyacımız olan sorgular için StoredProcedure ler yazarak sağlayabiliriz. Aşağıdaki procedure kullanıcıdan alınan CategoryId ye göre Yemek isimlerini getiren 1 procedure..

CREATE PROCEDURE sp_GetFoodByCategoryId
@GCategoryId int
AS
SELECT FoodName
FROM dbo.Food
WHERE CategoryId = @GCategoryId

Execute sp_GetFoodByCategoryId 1

dediğimizde CategoryId si 1 olan yemekler listelenir…

Microsoft Sharepoint Designer Artık Ücretsiz

2009-05-12T13:34:00.001-07:00

Sharepoint projelerinde masterpage ve diğer içeriklerin editlenmesinde en sık kullanılan araştır Sharepoint Designer. Ayrıca bu aracı kullanmak isteyenler yaklaşık 100 dolarlık lisans bedeli ödemeleri gerekiyordu. Ayrıca Expression Web ile birlikte frontpage ‘in yerini doldurması da popülerliğini arttıran başka sebeplerden biriydi.

Microsoft ‘a gelen talepler doğrultusun da bu güzel ürün artık ücretsiz oldu. İsteyenler www.microsoft.com/spd adresinden yararlanarak indirip kurabilirler.

Sizlere bu tür güzel haberleri daha sık verebilme arzusuyla, herkese iyi çalışmalar…

SharePoint Çalışmaya Nasıl Başlarız?

2009-03-15T14:46:00.000-07:00

SharePoint, içinde bilgilendirme, görev dağılımı, yapılacak işler, çalışan bilgileri, döküman yönetimi, döküman paylaşımı, iş akışı ve bu akışa bağlı olayların oluşturulabildiği bir web sitesidir.

SharePoint, kendi içinde karmaşık bir sistemi modüllere ayrılarak kontrollü bir şekilde yönetebilmemize olanak sağlar. Bize sunduğu özelliklerden en önemlisi içerisinde Visual Studio alt yapısını kullanarak oluşturduğumuz iş akışlarını ihtiyaçlarımız doğrultusunda istediğimiz gibi özelleştirebilmemize izin vermesidir.

SharePoint Uygulaması için Sistem İhtiyaçları:

SharePoint (SP) üzerinde uygulama geliştirmeye başlayabilmemiz için üzerinde Windows Server işletim sistemine sahip bir bilgisayarımız olması gerekir. Sonra sırasıyla .NET Framework v3.0’a kadar tüm Framework paketlerini kurmamız gerekiyor bunlar:

.NET Framework v1.1

.NET Framework v1.1 Tr Dil Paketi

.NET Framework v1.1 sp1

.NET Framework v2.0

.NET Framework v2.0 Tr Dil Paketi

.NET Framework v3.0

.NET Framework v3.0 Tr Dil Paketi

.NET Framework v3.0 SP1

.NET Framework v3.0 SP1 Tr Dil Paketi

Sırasıyla;

Microsoft Office Professional 2007

Microsoft SQL Server 2005 Enterprise Edition
Service Pack 1 for Microsoft SQL Server 2005
Microsoft Office SharePoint Designer 2007
Microsoft Windows SharePoint Services 3.0
Microsoft Office SharePoint Server 2007

Tümü kurulduktan sonra sistemimiz hazırlanmış olur.

No Woman No Cry - Bob Marley

2008-09-21T06:41:00.000-07:00

My favorite song

Bob Marley - No Woman No Cry
by hushhush112

Been..

2008-09-16T07:13:00.001-07:00

Ben kimseye kötülük etmedim..

Çevremde verici olan hep ben oldum..

Kimseye hesap sormadım...

Kimseyi aldatmadım..

Katlanamadığım yerde uzaklaştım..

Artık makale yazma zamanı geldi

2008-09-16T02:07:00.001-07:00

Merhabalar,

Son 1.5 aydır Sharepoint ve Sharepoint Designer üzerinde çalışmalarımı sürdürüyordum. Bu çalışmalar sonucunda ise artkık Sharepoint Designer ile Workflow tasarlama ile ilgili güzel bir makale yazmaya ve sizlerle paylaşmaya karar verdim.

Bu yazdığım makale bakarsınız meşhur yazılım sitelerinde bile yayınlanır. Hayal değil mi? Peşinden koşmaktan ne zarar çıkar...

Sermin'den Haberler

2008-09-14T13:57:00.000-07:00

Uzun yıllardır yapmayı isteyip te ertelediğim şeyleri yapmaya başlamak için sıraya koydum..

Sevgiyle başladı herşey..

Kızımı sevmek bana, ne kadar önemli olduğumu öğretti;

İçimdeki aşk hayata karsi oyunu kaybetmediğimi;

1şeyleri becerememek çalışmayayı ciddiye almam gerektiğini...

Öğrenmenin yaşı yoktur; bakalım daha bilmediğim ya da bilipte bilmezden gelmeyi tercih ettiğim ne kadar şeyle yüzleşeceğim..

Merhaba

2008-08-23T02:53:00.001-07:00

Merhabalar internet dünyası. Bu da benim ayak seslerimin ve yaptıklarımın yansısı olacaktır.