Nis
12
2013

Asp.Net ve Javascript

javascript_callAsp.net sayfalarını hazırlarken sürekli olarak yapılan hata; basit işlemlerde bile PostBack kullanımıdır. Ama unutulmamalıdır ki; bu postback işlemleri hem işi yavaşlatır, hem de kullanıcıyı yorar.

Peki ama asp.net sayfalarında Javascript kodlamalarını nasıl yapabiliriz, mevcut ID bilgilerimiz ile browser tarafındaki ID bilgileri birbirini tutmuyor diyebilirsiniz.

O zaman yapılması gereken Javascript tarafında ClientID özelliğinin kullanılmasıdır Oppblåsbar Water Game.

Örnek olarak basit bir matematik hesabı yapalım;

bir aracın belirli bir mesafeye gidiş geliş sayısı ile birim mesafeyi çarparak toplam yapılan Km bilgisini hesaplayalım.

Burada önemli olan km bilgisinin ondalıklı yani float olabileceğini unutmamamızdır.

Aşağıdaki kodları Body alanına yazabilirsiniz.

script kodlarımızı da gördüğünüz gibi Head alanına ekliyoruz.

Burada yapılmak istenen textbox alanlardan gelen verileri matematiksel olarak çarpıyoruz ve label alanına innerHtml olarak yazıyoruz. Ayrıca dikkat ettiyseniz

if bloğu ile alanlara girilen verilerin her ikisinin de pozitif olmasını aksi halde hesaplama yapılmamasını belirtiyoruz. Yoksa Label alanımızda kocaman bir NaN yazısı ile karşılaşırız.

buraya kadar herşey iyi güzel ama bu text alanlarına veri girildiğini yani keypress / keyup yapıldığını nasıl yakalayabiliriz.

Bunun için de ilgili sayfanın Page_load bölümünde

tanımlaması yapılır. Bu sayede sayfa yüklendiğinde txt alanlara onKeyUp fonksiyonu eklenmiş olur.

İşte sonuç;

 

javascript Asp.net

Tüm bunlar yerine sayfamı düz html kodlarım scripti de bildiğim gibi yazarım diyebilirsiniz. Ancak, bu yöntem ile oluşan hesaplama bilgilerini programlarınızda rahatça kullanabilirsiniz, çünkü bilgileri hesapladığınız alanlar .Net araçlarıdır ve server tarafında da çalışabilir.

Kolay gelsin.

 

 

TeamViewer ile İnternet üzerinden Uzaktan Erişim ve Destek Sekercioglu.eu Uzaktan Yardım
Ammyy Uzaktan Yardım
WinRAR
WEBMAIL Google PageRank Checker
Twitterda Takip Edin! Twitterda Takip Edin!
Twitter

Üye Paneli

Son Yazılar

Kategoriler

Son Yorumlar