TextBox OnTextChanged kullanımı

Warning: Undefined array key "tie_hide_meta" in /home2/varbeyac/public_html/wp-content/themes/sahifa/framework/parts/meta-post.php on line 3

Warning: Trying to access array offset on value of type null in /home2/varbeyac/public_html/wp-content/themes/sahifa/framework/parts/meta-post.php on line 3

TextBox OnTextChanged Kullanımı

TextBox OnTextChanged olayı, ASP.NET TextBox kontrolünde, kullanıcı metin girişini değiştirdiğinde tetiklenen bir olaydır. .NET Framework tarafından sağlanan bu kontrol, özellikle form tabanlı web uygulamalarında kullanılır. OnTextChanged olayını kullanarak, bir metin kutusuna girilen verileri gerçek zamanlı olarak takip edebilir, değişiklikleri anında işleyebiliriz.

Bu olay, genellikle AutoPostBack özelliği true olarak ayarlandığında tetiklenir. AutoPostBack, metin değişikliklerinin sunucuya otomatik olarak gönderilmesini sağlar. TextBox üzerindeki TextChanged olayı, metin kutusundaki içerik hafızada tutulan içerikten farklı olduğunda etkinleşir. Bu sayede, kullanıcı metni güncellediğinde bir tetikleyici (trigger) aracılığıyla anında değişiklikleri işleyebiliriz.

Örneğin, bir kullanıcının e-posta adresini iki kez girmesi gereken formlarda, ilk TextBox içeriğinin OnTextChanged olayıyla ikinci TextBox‘a anında kopyalanmasını sağlayabiliriz. Böylece, kullanıcı deneyimini daha akıcı hale getirmiş oluruz. Ayrıca, TextChanged olayı asenkron çalıştığı için iptal edilemez, bu nedenle kullanıcı deneyimini kesintisiz sürdürür. İşte basit bir TextBox OnTextChanged örneği:

Örnek Kod

Aşağıdaki örnekte, AutoPostBack özelliği true olarak ayarlanmış bir TextBox ve OnTextChanged olayını kullanarak ikinci TextBox‘ın içeriğini güncelleyen bir form bulunuyor. İlk metin kutusunda bir değişiklik yapıldığında, TextChanged olayı tetiklenir ve girilen içerik ikinci kutuya kopyalanır.

html

<%@ Page Language="C#" %>

<!DOCTYPE html>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head id=“Head1” runat=“server”>
<title>TextBox OnTextChanged Kullanımı</title>
</head>
<body>
<form id=“form1” runat=“server”>
<div>
<h2 style=“color:Red”>TextBox Örneği: OnTextChanged</h2>

<!– E-Posta Alanı –>
<asp:Label ID=“Label1” runat=“server” Text=“E-Posta”></asp:Label>
<asp:TextBox
ID=“TextBox1”
runat=“server”
AutoPostBack=“true”
OnTextChanged=“TextBox1_TextChanged”>
</asp:TextBox>

<!– E-Posta Tekrar Alanı –>
<asp:Label ID=“Label2” runat=“server” Text=“E-posta Tekrar”></asp:Label>
<asp:TextBox
ID=“TextBox2”
runat=“server”
BackColor=“LightGoldenrodYellow”
ForeColor=“Crimson”>
</asp:TextBox>
</div>
</form>
</body>
</html>

Açıklama

AutoPostBack: AutoPostBack="true" ayarlandığında, TextBox1‘deki metin değişiklikleri anında sunucuya gönderilir.
OnTextChanged: OnTextChanged="TextBox1_TextChanged" olayında TextBox1‘deki içerik değiştiğinde TextBox1_TextChanged metodu çalışır ve TextBox2‘nin içeriğini otomatik olarak günceller.
Metin Eşleme: TextBox2.Text = TextBox1.Text; ifadesi, TextBox1‘deki metni TextBox2‘ye kopyalar.

Bu şekilde, kullanıcının TextBox1’e girdiği içerik anında TextBox2’ye yansıtılır. OnTextChanged ile sayfanın yenilenmesine gerek kalmadan gerçek zamanlı bir deneyim sunabiliriz.

Varbeya.com Komik Videolar Yemek Tarifi Yokmu

TextBox OnTextChanged kullanımı