ASP.NET
Merhaba arkadaşlar, bu makalemizde arama motorlarının en sevdiğim özelliklerinden biri olan arama yaparken hatalı girdiğimiz kelimeleri düzelterek bize öneriler sunmasıdır. Bizde bu makelemizde bu tarz bir uygulamayı ASP.NET ile yapacağız.
Arama motorları hayatımızda pek çok şeyi kolaylaştıran ve bizi aradığımız bilgilere ulaştıran çok önemli bir güç. Bu gücün farkına varan arama motoru geliştiricileri son dönemde kullanıcılarına çok fazla yenilikler sunmaya başladılar. Arama önerileri, bunu mu aramıştınız, fotoğraf arama, dokuman arama vs. bunlardan sadece bir kaçı. Biz bu makalemiz de web uygulamamızda kullanacağımız bir arama motoru hazırlayıp kullanıcılara arama önerileri sunacağız. Yani kullanıcıların yapmış olduğu girişlere uygun sonuç yoksa en yakın sonucu getirip bunu mu aramıştınız diye soracağız.

Örneğe geçmeden önce T-SQL’de bulunan 2 fonksiyonu inceleyeceğiz. Soundex ve Difference.
Soundex
Soundex, iki kelime arasındaki benzerligi ölçebilmek için bize kelime ile ilgili 4 karakterli bir kod döndüren bir fonksiyondur. Bu kod ile birbirine benzeyen kelimeleri eşleştirebiliriz. Bu eşleşme sonucuna biribirine benzeyen kayıtları elde edebiliriz. Aşağıdaki iki satırıda çalıştırdığımız da aynı sonucu verecek. (Sonuç: S500)
SELECT SOUNDEX('Sem Göksu')SELECT SOUNDEX('Sen Göksu')Difference
Difference, Soundex’e benzeyen bir algoritmaya sahip. İki kelime arasında benzerlik oranına göre geriye 0 ile 4 arasında sayısal bir değer döndürür. Bu sonuca göre yapılan aramada benzerlik oranı belli bir değer üzerinde olan kayıtları resultset içerisine alabiliriz.
SELECT DIFFERENCE('ASYA GÖKSU', 'AYSA GÖKSU')Bu iki fonksiyon ile, bunu mu aramıştınız özelliğini arama motorumuza ek özellik olarak katabiliriz. Bunun için bir örnek bir proje hazırlayalım. Örneğimizde kullanabileceğimiz bir veritabanı ve tablo hazırlayalım. Benim veritabanım adı Bing, içerikler için kullanacağım tablomun adı da Contents olacak. Tablo içerisinde de 3 alanım olacak: ContentID, Title, Description. (Ben örnek basit olsun diye fazla alan kullanmadım. Siz kendi projelerinizde farklı alanlarda da kullanabilirsiniz)

Tablo içerisindeki kayıtlar da aşağıdaki gibidir.

Bir ASP.NET projesini oluşturalım. Arama sayfamızın HTML kodları aşağıda gibi olacak.
<div>
<asp:TextBox ID="txtKeyword" runat="server" Width="320px"></asp:TextBox>
<asp:Button ID="btnSearch" runat="server" Text="Ara" OnClick="btnSearch_Click" />
<p><asp:Literal ID="ltlResultText" runat="server"></asp:Literal></p>
<asp:Repeater ID="rptResults" runat="server">
<HeaderTemplate>
<table>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<asp:HyperLink ID="hypTitle" runat="server" NavigateUrl="#" Text='<%# Eval("Title") %>'></asp:HyperLink>
</td>
</tr>
<tr>
<td>
<asp:Literal ID="ltlDescription" runat="server" Text='<%# Eval("Description") %>'></asp:Literal>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
Arama sonuçlarını görüntülemek için butona tıkladığımızda yapacağımız işlemleri yapalım. Ben 2 ayrı metot yazdım. Search ve DidYouMean. Search metodu buton altından çağırılacak. Eğer search metodu arama ile ilgili kayıt bulursa kayıtları listeleyecek. Kayıt bulamazsa DidYouMean isimli metodu çağıracak ve aramaya uygun en yakın kayıt getirilip kullanıcıya arama önerisinde bulunulacak. Arama önerilerini yapmak için de DidYouMean metodu içerisindeki sorguda Diffrence fonksiyonunu kullanacağım. (Diffrence fonksiyonunu kullandığımız için Soundex'e gerek kalmadı. O yüzden bu makale de soundex'i kullanmayacağım,. Daha ileri seviye bir uygulama yaparken ikisini de kullanabiliriz. )
protected void btnSearch_Click(object sender, EventArgs e)
{
Search(txtKeyword.Text.Trim());
}
[Search() Metodu]
public void Search(string keyword)
{
SqlConnection cnn = new SqlConnection("Server=.; Database=Bing; Trusted_Connection=yes");
SqlCommand cmd = new SqlCommand();
cmd.CommandText = "Select * From Contents Where Title Like '%' + @Keyword+ '%'";
cmd.Parameters.AddWithValue("@Keyword", keyword);
cmd.Connection = cnn;
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
if (dt != null && dt.Rows.Count > 0)
{
rptResults.DataSource = dt;
rptResults.DataBind();
}
else
{
DidYouMean(keyword); // Bunu mu aramıştınız metoduna çağrıda bulunuyoruz.
rptResults.DataSource = null;
rptResults.DataBind();
}
}
[DidYouMean Metodu]
public void DidYouMean(string keyword)
{
SqlConnection cnn = new SqlConnection("Server=.; Database=Bing; Trusted_Connection=yes");
SqlCommand cmd = new SqlCommand();
cmd.CommandText = "Select top 1 * From Contents Where DIFFERENCE(Title, @Keyword) >=3";
cmd.Parameters.AddWithValue("@Keyword", keyword);
cmd.Connection = cnn;
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
if (dt != null && dt.Rows.Count > 0)
{
ltlResultText.Text = string.Format("Bunu mu aramıştınız: <u style='color:red'>{0}</u>", dt.Rows[0]["Title"].ToString());
}
else
{
ltlResultText.Text = "Arama kriterlerinize uygun sonuç bulunamadı.";
}
}
Tablodaki kayıtlarımıza uygun bir arama yapalım. Örneğin, Alex yazalım ve sonuca bakalım.

Hatalı bir arama yapalım. Örneğin, Alex Le Sonsuza.

T-SQL’de Difference komutunu kullanarak kullanıcılara benzer sonuçlara göre arama önerileri sunmuş olduk. Makalemizin sonuna geldik, bir sonraki makalede görüşmek üzere. ASP.NET ile kalın
J
Sem GÖKSU
askisem@hotmail.com www.semgoksu.com |
www.yazilimgunlugu.com
SQL Server 2008 | ASP.NET 2.0 | C# | SQL Server 2005 | ASP.NET 4.0 | ADO.NET | ASP.NET |
|
29.12.2010 12:07:33
Son dönemde sosyal ağlar oldukça popüler durumda ve facebook'ta sanırım zirvedeki ağlardan bir tanesi. İnsanların en çok ilgisini de çekense sanırım beğen butonu :) Bizde beğen butonunu kendi uygulamamıza entegre etmek istiyorsak yapmamız gereken çok basit 2 adım var. İlk olarak
Facebook Developers sayfasına gidiyoruz ve kendi sayfamız için beğen butonunu oluşturuyoruz.

Uygulama oluştuktan sonra facebook tarafından bize bir html kod üretiliyor.

Artık yapmamız gereken tek şey o kodu alıp web uygulamamıza eklemek. Gerikalan herşeyi facebook hallediyor :) Bu özelliği özelleştirmek isterseniz de facebook developers sitesinde ilgili açıklamaları bulabiliyorsunuz :)
ASP.NET MVC | ASP.NET 2.0 | ASP.NET 4.0 | ASP.NET |
|
10.11.2010 12:49:12
Merhaba arkadaşlar, bu makalemizde ASP.NET 4.0 Yeniliklerinden URL Routing’i (Url Yönlendirme) ve URL Routing için kullanacağımız Route, RouteTable ve PageRouteHanlder gibi kavramları inceleyeceğiz.
Web uygulamarında kullanıcıların yapmış olduğu işlemlerde parametre aktarımı bazı durumlarda QueryString ile (URL’den) yapılmaktadır. Bu durumda adres çubuğunda oluşan link çok uzun ve okunamaz hale geliyor. Bu kullanıcı açısından görüntü kirliliği yaratıyor, arama motorları tarafından indexlenme ihtimalini azaltıyor ve geliştirici açısından parametrelerin okunması ve takip edilmesi zorlaştırıyor. Örneğin;
http://semgoksu.com/search.aspx?Kategori=ASP.NET&Tarih=15122009&Baslik=URLRoutingASP.NET 4.0 ile birlikte URL Routing’i kullanarak bu sorunu ortadan kaldırabiliyoruz. Bu sayede hem oluşan link daha kısa ve anlamlı oluyor, hemde URL içerisindeki klasör yapısına sayfa ile ilgili keywordleri koyarak arama motorlarının daha kolay indexlemesini ve bu sayede sayfalarımızın daha üst sıralarda çıkması sağlayarak büyük bir avantaj sağlamış oluyoruz. Yukarıda vermiş örneği ASP.NET 4.0 URL Routing’i kullanarak aşağıdaki gibi yapabiliriz.
http://semgoksu.com/Arama/ASP.NET/15122009/URLRoutingURL Routing ilk olarak MVC ile birlikte geldi ve artık ASP.NET 4.0 ile birlikte URL Yönlendirme işlemi yapabilmemiz için her şey hazır durumda. Visual Studio 2010’u kullanarak yeni bir ASP.NET uygulaması oluşturalım ve konuyu örneklendirelim. Uygulamayı oluşturduktan sonra web uygulamamıza yeni bir Global.asax dosyası ekleyelim.
Globax.asax dosyası içerisinde bulunan
Application_Start methodu içerisinde URL yönlendirme işlemini yapacağız. Bunun için ihtiyacımız olan ilk şey
RouteTable.
Bu sınıf farklı formatlardaki url yönlendirmelerini(Route’ları) saklayacak olan Route koleksiyonudur. İki parametre alır; Route’un adı ve Route nesnesi.
Route nesnesi de URL’in gösterileceği formatı belirtmek için kullanılır. Uygulamaya gelen istekler Route’un formatına uygunsa PageRouteHandler’ın belirttiği path’e yönlenir.
PageRouteHandler sınıfı yönlendirilecek olan fiziksel dosyayı Constructor’da(Yapıcı metot) parametre olarak alır.
Sonuç olarak sayfaya yapılan request’lar RouteTable’daki Route’lardan birine uygun formattaysa PageRouteHandler’in işaret ettiği sayfaya yönlenir. URL bizim belirttiğimiz formatta görüntülenirken arka tarafta ilgili fiziksel dosya üzerinde işlem yapılır.
İlk olarak ana sayfamızdan(Default.aspx) detay sayfaya (detay.aspx) sayfasına bir yönlendirme işlemi yapalım. Detay sayfasına bir de parametre gönderelim ve bu parametreyi detay sayfada yakalayarak ekran da görüntüleyelim.
[Global.asax]<%@ Application Language="C#" %>
<%@ Import Namespace="System.Web.Routing" %>
<script runat="server">
void Application_Start(object sender, EventArgs e)
{
RouteTable.Routes.Add("Detay", new Route("Detay/{Parametre}", new PageRouteHandler("~/Detay.aspx")));
}
</script>
Appplication_Start metodu içerisinde sayfamıza gelecek olan url formatını
Klasor/{Parametre} şeklinde belirttik. ({Parametre} yerine istediğimiz bir değeri gönderebileceğiz) Bu formatta gelen bütün istekler detay.aspx sayfasını gösterecek.
[Default.aspx]<asp:HyperLink ID="link" runat="server" NavigateUrl='<%$ RouteUrl:RouteName=Detay, Parametre=Sayfa1 %>'>Detaya Git</asp:HyperLink>
Ana sayfaya bir HyperLink nesnesi ekledik. HyperLink içerisinde ilk olarak sayfamızın gideceği Route’u ve o Route’a göndereceğimiz Parametreyi bildirdik. Oluşacak olan format şu şekilde olacak. NavigatetUrl içerisinde kullanılan RouteUrl’i kod tarafında kullanamıyoruz.
http://localhost:50751/Detay/Sayfa1Şimdi Detay.aspx sayfaya gidelim ve gönderdiğimiz parametreyi yakalayalım. Route içerisinde gönderdiğimiz bütün parametreler
RouteData içerisinde yer alır. Göndermiş olduğumuz parametreye erişmek için
RouteData.Values[“Parametre”] yada
RouteData:Name şeklinde kullanırız.
[Detay.aspx.cs]protected void Page_Load(object sender, EventArgs e)
{
if (RouteData.Values["Parametre"]!=null)
{
Response.Write(RouteData.Values["Parametre"].ToString());
}
}
Sayfayı çalıştırdığımız da URL istediğimiz şekilde gitmiş ve Detay.aspx sayfasına göndermiş olduğumuz parametreyi’de ekranda görüntüledik.
Şimdi farklı bir örnek yapalım ve birden fazla parametreyi nasıl göndeririz ona bakalım. Bu örnekte SQL Server 2005’te yer alan örnek veritabanlarından AdventureWorks’u kullanarak Kategorileri ilk ekran da listeyelim. Kullanıcı ilgili kategoriye tıkladığında farklı bir sayfa da ilgili ürünler listelensin. Sayfaya göndereceğimiz URL formatını da istediğimiz gibi değiştirelim. Bunun için global.asax dosyamızı düzenleyelim. Route içerisinde format istediğimiz gibi düzenleyebiliriz. KategoriID ve KategoriAdi parametrelerini istediğimiz değerleri verebileceğiz.
[Global.asax]<%@Application Language="C#" %>
<%@ Import Namespace="System.Web.Routing" %>
<script runat="server">
void Application_Start(object sender, EventArgs e)
{
RouteTable.Routes.Add("Kategoriler", new Route("Katgoriler/{KategoriAdi}/{KategoriID}", new PageRouteHandler("~/Detay.aspx")));
}
</script>
Sayfamıza bir Repeater ekleyelim. Burada Kategorileri listeleyeceğiz. Veritabanındaki verilere erişmek için projemize bir adet
LINQ to SQL Classes Dosyası ekleyelim. İsim olarak AdventureWorks diyelim.

Kullanacağımız ProductSubCategory ve Product tablolarını’da dosyamıza alalım. Şimdi kategorilerimizi listeleyek olan HTML kodunu yazalım. Sayfaya Repeater, içerisinede bir HyperLink ekliyoruz.
[Default.aspx]<asp:Repeater ID="rptKategoriler" runat="server" OnItemDataBound="rptKategoriler_ItemDataBound">
<ItemTemplate>
<asp:HyperLink ID="hlKategori" runat="server">
</asp:HyperLink><br />
</ItemTemplate>
</asp:Repeater>
Şimdide veritabanından verileri LINQ to SQL ile çekelim ve Repeater’a bağlayalım. ItemDataBound eventin’de HyperLink nesnesini yakalayıp kontrolün Text ve NavigateUrl özelliğini datadan gelen değer ile dolduracağız.
[Default.aspx.cs]AdventureWorksDataContext db = new AdventureWorksDataContext();
protected void Page_Load(object sender, EventArgs e)
{
rptKategoriler.DataSource = (from k in db.ProductSubcategories select k).Take(10); // 10 kayıt alalım
rptKategoriler.DataBind();
}
protected void rptKategoriler_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item|| e.Item.ItemType == ListItemType.AlternatingItem )
{
HyperLink hl = e.Item.FindControl("hlKategori") as HyperLink;
hl.Text = DataBinder.Eval(e.Item.DataItem, "Name").ToString();
RouteValueDictionary parameters = new RouteValueDictionary()
{
{ "KategoriID", DataBinder.Eval(e.Item.DataItem, "ProductSubCategoryID").ToString() },
{ "KategoriAdi",DataBinder.Eval(e.Item.DataItem, "Name").ToString() }
}; // Route’un alacağı parametreler’i dinamik olarak dolduruyoruz
VirtualPathData path = RouteTable.Routes.GetVirtualPath(null,"Kategoriler", parameters);
hl.NavigateUrl = path.VirtualPath; // Oluşan Route’un pathini hyperlinke atadık.
}
}
Kategorilerin listeleneceği sayfayı hazırladık. Şimdi de gidip detay sayfada görüntülenecek olan ürünler için gerekli sayfayı hazırlayalım. İlk olarak HTML’e bir Repeater ekleyelim ve içine bir label atalım. Text özelliğinde de ürün’ün adını görüntüleyelim.
[Detay.aspx]<asp:Repeater ID="rptUrunler" runat="server">
<ItemTemplate>
<asp:Label ID="lblUrunAdi" runat="server" Text=<%# Eval("Name") %>>
</asp:Label><br />
</ItemTemplate>
</asp:Repeater>
Veriyi LINQ to SQL ile çekerek Repeater’a bağlayalım. Diğer sayfadan gelen KategoriID parametresinide almayı unutmuyoruz. Ürünler gelen KategoriID parametresine göre listelenecek.
[Detay.aspx.cs]AdventureWorksDataContext db = new AdventureWorksDataContext();
protected void Page_Load(object sender, EventArgs e)
{
if (RouteData.Values["KategoriID"]!=null)
{
int UrunID = Convert.ToInt32(RouteData.Values["KategoriID"]);
UrunleriGetir(UrunID);
}
}
private void UrunleriGetir(int KategoriID)
{
rptUrunler.DataSource = from u in db.Products
where u.ProductSubcategoryID == KategoriID
select u;
rptUrunler.DataBind();
}
Şimdi sayfayı çalıştıralım ve sonuca bakalım,

Kategorilerden birine tıklayalım.

İşte bu kadar
JBu makalenin de sonuna geldik başka bir makale de görüşmek üzere. ASP.NET ile kalın ;)
Sem GÖKSU www.semgoksu.com| www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com
Kaynaklar
msdn.com
ASP.NET MVC | ASP.NET 4.0 | ASP.NET |
|
11.09.2009 15:14:03
Merhaba arkadaşlar bu makale de ASP.NET 4.0 ile Page sınıfına gelen 2 yeni özelliği inceleyeceğiz. Bu özellikler Description ve Keywords
ASP.NET 4.0 ile birlikte Page sınıfına Description ve Keyword isimli iki yeni özellik eklendi. Bu özellikleri kullanarak web uygulamalarına keywords ve desctiption meta etiketlerini ekleyebiliyoruz.
ASP.NET 4.0 Öncesi ASP.NET 4.0 öncesinde keywords ve description meta etiketlerini <head> etiketi arasına yazabiliyorduk.
<headrunat="server">
<title>Page Description ve Page Keyword Özelliği</title>
<meta name="keywords" content="Buraya sayfa ile ilgili anahtar kelimeler gelecek..' />
<meta name="description" content="Buraya sayfanın açıklaması gelecek..." />
</head>
ASP.NET 4.0 YaklaşımıASP.NET 4.0 ile birlikte sayfa direktiflerinden Keywords ve Description özelliğini kullanarak meta etiketini belirleyebiliyoruz.
[HTML] <%@
Page Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs"
Inherits="_Default"
Keywords="Anahtar kelimeler…"
Description="Sayfa ile ilgili açıklama…"
%>
Bu bilgilerin veritabanından geleceğini de düşünürsek bu işlemi dinamik olarak da yapabiliriz.
[C#] protected void Page_Load(object sender, EventArgs e)
{
this.Keywords = "Anahtar kelimeler…";
this.Description = "Sayfa ile açıklama…";
}
Eğer sayfada head etiketi arasında tanımlı keywords yada description meta etiketi varsa bizim belirlediğimiz bilgiler üzerine yazılacaktır.
ASP.NET | ASP.NET 4.0 |
|
01.04.2009 22:42:01
Merhaba arkadaşlar, bu makalemiz de ASP.NET 4.0 ile birlikte gelecek olan ClientIDMode özelliğini inceliyor olacağız...
ASP.NET de kontroller render edildikten sonra bir ID değeri alıyor ve bu ID değeri tüm kontroller için benzersiz oluyor. Bu yüzden, eğer kontrol UserControl yada MasterPage içerisindeyse kontrol'ün ID'si
UserControlAdi_KontrolAdi şeklinde uzun bir isme sahip oluyor. Bu şekilde özellikle istemci taraflı geliştirme yaparkan(Javascript, JQuery vs.) bu kontrollere erişmek çok zor oluyor ve uygulamayı geliştiren kişinin geliştirme süresini uzatıyordu.
ASP.NET 4.0 Öncesi ve Read-Only ClientID Özelliği
Aslında ASP.NET içerisinde her kontrolün ClientID isimli read-only bir propertysi var. Bu property ile kontrolün alacağı ID’ye erişebiliyoruz. Fakat kontrolü bir user control içerisine taşırsak
WebUserControl1_lblClientID gibi bir ClientID’ye sahip oluyor. Bu da istemci tarafında yapılan işlemi ve süreci etkiler, yapılan işlemin hatalı olmasına neden olur. Çünkü eğer harici bir dosya içinde İstemci taraflı işlemler yapılıyorsa orada da ilgili değişikliğin yapılması gerekir.
ASP.NET 4.0 Öncesi ClientID Özelliği
Response.Write(KonrolAdi.ClientID);
KonrolAdi.ClientID = “Atanamaz”; // => Read only bir özellik, atama yapılamaz !
ASP.NET 4.0 Yaklaşımı ve ClientIDMode Özelliği
İstemci taraflı geliştirmenin web uygulamalı içerisinde kullanımın artmasıyla birlikte bu sorunu aşmak için ASP.NET 4.0 ile birlikte kontrollere ClientIDMode isimli bir özellik eklendi. Bu özellik kontrol render edildikten sonra kontrolün alacağı ClientID değerinin istediğimiz gibi atanmasını sağlıyor. Yani ClientID’nin değeri eskiden olduğu gibi uzunca bir değer olabilir, bizim vereceğimiz her hangi bir değer olabilir ya da kontrol’ün ID’si ile aynı olabilir.
ClientIDMode özelliğinin alabileceği 4 özellik var. Bunlar Legacy (varsayılan değer), Inherit, Static, Predictable.
Legacy
ClientIDMode’un default değeridir. Eğer ClientIDMode özelliğine Legacy’i enum’u set edilmişse kontrolün alacağı ID değeri önceki sürümlerde olduğu gibidir. Yani uzunca bir ClientID oluşur :)
Örnek Kullanımı
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID="lblSample" ClientID="lblSample" ClientIDMode="Legacy" runat="server" Text="Deneme"></asp:Label>
</asp:Content>
Html Çıktısı
<span id="ctl00ctl00_ContentPlaceHolder1_lblSample">Deneme</span>
Inherit
Her kontrol için default davranış gösterir. İçerisinde yer aldığı parent kontrolün ClientIDMode property’si ne olarak belirlenmişse, kontrol içinde o özellik atanır. Örneğin bir MasterPage ve Content sayfası var. Content sayfanın içinde de bir Label var. Master Page içerisindeki ContentPlaceHolder'ın ClientIDMode özelliği static ise Content sayfa içerisinde yer alan kontrolün özelliği de static olarak belirlenir.
Örnek Kullanımı
Master Page
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" ClientIDMode="Static"> </asp:ContentPlaceHolder>
Content
<asp:Label ID=" lblSample" ClientID="lblInheritSample" ClientIDMode="Inherit" runat="server" Text="Deneme"></asp:Label>
Html Çıktısı
<span id="lblInheritSample">Deneme</span> // Parent Kontrolün(Content) ClientIDMode özelliği static olduğu için içteki kontrolünde ClientIDMode özelliği static olarak atandı…
Static
Bu mod seçildiğinde, kontrolün ClientID’ne ne atamışsak oluşacak olan HTML çıktısına da o değer atanır. Burada dikkat edilmesi gereken şey, ClientID’nin benzersiz olduğundan emin olmak zorundayız. Yani elimizde 2 User Control var. Her ikisi içinde de bir label olduğunu düşünürsek iki label’ın CleintID’si farklı olması gerekir. Eğer ikisi de aynı olursa, client site de yapacağımız işlemler de yanlış sonuçlar alabiliriz. Özellikle de databound kontrollerinden kullanmamak gerekir.
Örnek Kullanımı
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID=" lblSample" ClientID=”lblClientSample" ClientIDMode="Static" runat="server" Text="Deneme"></asp:Label>
</asp:Content>
Html Çıktısı
<span id=" lblClientSample">Deneme</span>
Predictable
Bu özellik, Gridview, Repeater gibi DataBound kontroller için daha kullanışlıdır. Burada işe yarayacak bir diğer property de RowClientIDSuffix özelliğidir. Bu özellik ile DataBound kontrolünün kolonu içerisinde yer alan kontrolün ClientID’nin değerinin sonuna takı olarak belirttiğimiz alanın değeri eklenir.
Örnek Kullanımı
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" ClientIDMode="Predictable" RowClientIDSuffix="UrunAdi"> // RowClientIDSuffix özelliğine veri kaynağından gelen bir alan yazmak zorundayız. Birden fazla kontrol için yapacaksak alanları virgül ile ayırabiliriz.
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lblUrunAdi" runat="server" Text='<%# Eval("UrunAdi") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Html Çıktısı
<table cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_GridView1" style="border-collapse:collapse;">
<tr><th scope="col"> </th></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Kalem">Kalem</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Defter">Defter</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Silgi">Silgi</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_lblUrunAdi_Dosya Kağıdı">Dosya Kağıdı</span>
</td></tr>
</table>
Eğer ClientIDMode özelliğini Predictable yapmasaydık,
<table cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_GridView1" style="border-collapse:collapse;">
<tr><th scope="col"> </th></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_lblUrunAdi">Kalem</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl03_lblUrunAdi">Defter</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl04_lblUrunAdi">Silgi</span>
</td></tr><tr><td>
<span id="ctl00_ContentPlaceHolder1_GridView1_ctl05_lblUrunAdi">Dosya Kağıdı</span>
</td></tr>
</table>
Makalenin sonuna geldik, başka bir makalede görüşmek üzere. ASP.NET ile kalın ;)
Sem GÖKSU www.semgoksu.com |
www.yazilimgunlugu.com sem.goksu@yazilimgunlugu.com Kaynaklarmsdn.com
ASP.NET | ASP.NET 4.0 |
|
19.03.2009 12:58:01