Asp.Net & Jquery

 

  Jquery' nin o kadar nimetleri var ki bugün size çok kullandığımız fonksiyonundan bahsedeceğim. Asp.Net kontrollerindeki bazı değerleri alabilmek için javascript ile document.getElementByID("id").value fonksiyonunu kullanıp değerimizi alıyoruz. Bunu gelelim birde jquery ile yazalım.

Kullanacağımız kontrolleri ekleyelim.

<textarea id="txtArea_mesaj" cols="20" rows="1"></textarea><br />
            <br />
            <asp:TextBox ID="txt_mesajServer" runat="server"></asp:TextBox><br />
            <br />
            <asp:Button ID="btn_kopyala" runat="server" Text="kopyala" OnClientClick="javascript:MesajKopyala();return false;" /><br />
            <br />
            <asp:TextBox ID="txt_mesajKopyasi" runat="server"></asp:TextBox><br />
            <br />
            <input id="txt_mesajKopyasiHtml" type="text" /><br />
            <br />
            <span id="spn_mesaj">Mesaj boş ...</span>

Kontrolleri ekledikten sonra script dosyamızı ekleyelim. Ben burada Asp.Net Jquery CDN kullandım. Bunu kullanmamdaki amaç ise; sayfalarimizda kullandigimiz AJAX kutuphanelerimizi (jQuery ve ASP.Net Ajax) ucretsiz olarak tum dunyada bir cok farkli ulkeye yerlestirilmis serverlar uzerinde cacheleyebilmemizi sağladığı için tercih ettim.

Daha detaylı bilgi için : Microsoft Ajax Content Delivery Network

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.2.js"></script>

Değer alma ve atama işlemlerini yapacağımız scriptimizi yazalım.

<script type="text/javascript">
        function MesajKopyala() {
            var mesajHtml = $("#txtArea_mesaj").val(); //get value  (html control)
            var mesajSvr = $("#<%=txt_mesajServer.ClientID%>").val(); //get value (server control)
            var mesaj = mesajHtml + " " + mesajSvr;
            $("#<%=txt_mesajKopyasi.ClientID%>").val(mesaj); //set value (server control)
            $("#txt_mesajKopyasiHtml").val(mesaj); //set value (html control)
            $("#spn_mesaj").html(mesaj); //set value (html control)
            return false;
        }    
    </script>

Jquery ve Asp.Net Kontrolleri:Değer Atama ve Alma

Görüldüğü gibi istediğimiz kontolün id'sini kullanarak değerini alıp, başka kontrollere atamayı bu şekilde yapabiliriz.

Örnek uygulamayı indirmek için jquerySetGetValue.rar (2,82 kb) tıklayınız.

 

Asp.Net & Jquery

  Herkese ilk önce başka bir binary günden merhaba demek istiyorum Smile (01.11.2011) Özellikle web projelerimizde çok kullandığımız asp.net gridview için hepimiz belli başlı özelliklere göre filtreleme işlemleri yapmaktayız. Bu işlemleri yaparken bazen sql procedurelere bazen codebehind tarafındaki kodlarımıza sayesinde yaparız. Alternatif seçenek aslında oldukça çok. Fakat basit bir filtreleme işlemi için sistemi yormadan ve en hızlı bir şekilde yapmak için velinimetimiz olan Jquery hemen imdadımıza yetişir. Jquery.quicksearch plugini sayesinde çok rahat ve hızlı bir şekilde istediğimiz aramayı gerçekleştirebiliriz. Bunu küçük bir örnek ile açıklarsak ;

<asp:TextBox ID="id_search" runat="server" placeholder="Search">
</asp:TextBox>

Filtreleme yapmak için bir tane textbox ekledik. Ardından hemen listelenecek olan veriler için xml data file eklenir.

<asp:XmlDataSource ID="productsDataSource" Runat="server" DataFile="~/App_Data/Products.xml"> 
</asp:XmlDataSource>

Sonra verileri listeleyeceğimiz gridview eklenir ve onprerender parametresine codebehind tarafında yazacağımız fonksiyonun adı yazılır.

<asp:GridView ID="grd_telefonDurumu" Runat="server" 
        DataSourceID="productsDataSource" AutoGenerateColumns="False" 
        ClientIDMode="Static" onprerender="grd_telefonDurumu_PreRender" >
        <Columns>
            <asp:BoundField HeaderText="" DataField="ProductID" 
                            SortExpression="ProductID" ItemStyle-HorizontalAlign="Center"></asp:BoundField>
            <asp:BoundField HeaderText="Model" DataField="ProductName" 
                            SortExpression="ProductName"></asp:BoundField>
            
            <asp:BoundField HeaderText="Fiyat" DataField="UnitPrice" 
                            SortExpression="UnitPrice"></asp:BoundField>
            <asp:BoundField HeaderText="Stok(Adet)" DataField="UnitsInStock" 
                            SortExpression="UnitsInStock"></asp:BoundField>
        </Columns>
    </asp:GridView>


Codebehind tarafına geçip aşağıdaki kodlar yazılır. Bunu yapmamızdaki neden ise; gridview sonuçta bir table olarak bize dönüş yapıyor. Biz, jquery quicksearch eklentisini kullanırken, gridview içinde arama yaparken headerlara takılmaması için tablo yapısını <thead></thead> ve <tbody></tbody> şeklinde ikiye ayırıyoruz. Böylece tbody içinde arama yapıp istediğimiz sonuca ulaşıyoruz.

protected void grd_telefonDurumu_PreRender(object sender, EventArgs e)
    {
        if (grd_telefonDurumu.Rows.Count > 0)
        {
            grd_telefonDurumu.UseAccessibleHeader = true;
            grd_telefonDurumu.HeaderRow.TableSection = TableRowSection.TableHeader;
        }
    }

Buraya kadar işlemlerimiz tamamladıysak artık Jquery kısmına geçelim. Hemen kullandığımız script dosyalarını ekleyelim.

<script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.quicksearch.js" type="text/javascript"></script>

Ardından arama scriptimizi yazalım.

<script type="text/javascript">
        $(function () {
            $('input#id_search').quicksearch('table#grd_telefonDurumu tbody tr');
        })
    </script>

Plugin sayesinde gridview içinde istrediğimizi aramak bu kadar basit. Plugini kendi istediğiniz şekilde, daha etkili bir biçimde kullanabilirsiniz.

 

Jquery ile Asp.Net Gridview Filtreleme İşlemleri

 

Quicksearch plugini keşfetmek istiyorsanız burayı, örnek uygulamayı indirmek istiyorsanız quicksearch.rar (34,65 kb) tıklayınız.

Bir çok alanda bilgi paylaşımı olacak bu konferans iki gün boyunca sizlerle. Pamukkale Üniversitesi tüm öğrencileri bekliyoruz.26 Aralık11.00-12.30 Silverlight 4.0 - Daron Yöndem (yazgelistir.com)14.00-15.30 C# 4.0 Yenilikleri - Oğuz Yağmur (csharpnedir.com)15.45-16.45 Asp.NET 4.0 Yenilikleri - Uğur Umutluoğlu (nedirtv.com)27 Aralık11.00-.12.30 Visual Basic 10 Yenilikleri - Daron Yöndem (yazgelistir.com)14.00-15.30 Asp.NET MVC 2 - Oğuz Yağmur (csharpnedir.com)15.45-16.45 ASP.NET AJAX 4.0 - Uğur Umutluoğlu (nedirtv.com)Yer: Pamukkale Üniversitesi Kongre Kültür Merkezi Ana Salon

Microsoft, PHP geliştiricilerinin yazılımlarını Linux yerine Windows üzerinde çalıştırmalarını sağlamak için uzun çabalar harcıyor ve bunun üzerinde çalışıyor. PHP geliştiricilerin çoğunun, kod geliştirmek için hepimizin bildiği gibi ,Windows masaüstünü kullanıp, sonra uygulamayı çalıştıracağı zaman Linux’a geçtiği biliniyor. Windows şimdi bunu değiştirmeyi umut ediyor.Bu yönetemi farklı kılmak için bazı çalışmalar yapıyor. En önemli soru ise ; Linux yerine Windows’ta PHP çalıştırmanın bir avantajı var mı?

Yani uygulamamızı windows’ta geliştirip gene windows’ta çalıştırmanın bir avantaj mı yoksa dez avantajmı oldugunu araştırmak.Herkesce biliniyorki Linuxtaki çalıştırma ortamındaki performans daha fazla ve daha verimli.İşte bunu çözmek için .Net teknolojisi çatısı aldında windows ortamında bu olanak sağlanmak isteniyor. .NET çatısı için bir PHP dil derleyicisi olan Phalanger aracılığıyla PHP’yi .NET çatısına taşımaya yönelik bir çaba söz konusu. Şu anda PHP geliştiricilerin % 85’i PHP geliştirmelerini Windows üzerinde yapmalarına karşın, sadece % 20’si bir Windows makinesi üzerine PHP konuşlandırıyor. Phalanger sayesinde , Microsoft teknolojisini özellikle de .NET’i kullanarak PHP genişletmek php severler için harika bir olaydır.

Diğer bir konuda, Phalange rile bir çok yeniliğin gelmiş olmasıdır. Kaynak için geniş bir yelpaze sunar.Ücretsiz dağıtım ve XML tabanlı hiyerarşik yapılandırma dili ve donanımlar için PHP/CLR adı hemen hemen tüm kullanım için olanak sağlıyor. .Net özellikleri , jenerik,LINQ,özel özellikler,olaylar ve PHP kaynak kodu içerir.

Phalanger dayanarak, PHP , Asp.net bileşeni web uygulamaları ve web tabanlı hizmetlerin – Winforms konsol uygulamarı gibi - geliştirmek için birinci sınıf bir dil olur.Phalanger, web uygulama geliştiricilerin yeteneğini göstermesinde ve PHP ile .NET platform yani her iki tarafında güç elde etmesini ve zenginlik etkinliğini artırmasını sağlar.

ASPNET'in hayatıma girdiğinden beri ne kadar kolaylaştırdığı malumdur. Bugün klasik ASP'de de varolan AdRotator kontrulunu inceleyip; bu kontrolu nasıl kullanacağımızı bir video yardımıyle ögreneceğiz.

ASP.NET ile geliştirmeyi düşündüğünüz web uygulaması ister kişisel web siteniz için olsun ister kurumsal amaçlar için olsun belli bir noktada sitenizde reklam yayınlama ihtiyacı hissedebilirsiniz. Reklam yayınlarken her zaman aynı reklamı yayınlamak yerine birden fazla reklamın rastgele sayfalarda yayınlanması daha etkili olacaktır.Bu hem kullanıcının gözüne hoş gelen bir görüntü hem de aynı reklamın sürekli oynamasında sıkılan insanların farklı farklı reklamların oynamasını sağlamaktadır.

AdRotator ASP'de bir sunucu nesnesi iken ASP.NET'te bir kontrol olarak karşımıza çıkar. ASP'de AdRotator nesnesini kullanmak için Windows dizinin altındaki System32/inetsrv'de AdRot.dll dosyasının bulunması gerekirdi. Artık ASP.NET'te Adrotator bir kontol halini almıştır.Toolbox'dan artık sürükle bırak yardımıyla çok kolay bir şekilde kişişel veya kurumsal sitemize kolayca ekleyebiliriz. Bunun yanında ASP'deki AdRotator nesnesini kullanmak için reklamlarla ilgili bilgilerin bulunduğu bir metin dosyası oluşturmak gerekirdi. Ama ASP.NET'te reklam bilgilerini bir XML dosyasından aldığımız için işimizi daha sade ve kafa karıştırmayan bir yöntemle veya database yardımıyla daha kolay bir şekilde halletmek mümkündür.

Şimdi ASP.NET 2.0 da AdRotator Kontrolünü kullanmayı xml dosyası yardımıyla nasıl kullanacağımızı bir video yardımıyla ögrenmeye çalışalım :

Video için " http://www.durgut.com " 'a teşekkür ederim...