Sys.WebForms.PageRequestManagerParserErrorException nedir ? Nasıl Engellenir ?

Microsoft ASP.NET AJAX UpdatePanel panel kullandıysanız   "Sys.WebForms.PageRequestManagerParserErrorException"  hatasıyla karşılaşmanız olasıdır.

PageRequestManagerParserErrorException ne anlama geliyor ?

Update panel kontolü render edilecek parçasını kontrol etmek için asenkron postbackler kullanır.

ASP.NET AJAX : Client Script Web Servisler (2)

Giriş

Bu makalemizde "ECMAScript (JavaScript) ile bir Web servis nasıl çağırılır" konusunu işleyeceğiz. Uygulamanızda ASP.NET AJAX Web servislerini kullanmanızı sağlamak için, server asenkron iletişim katmanı otomatik olarak Javascript proxy sınıflarını meydana getirir. Sayfa içinde <asp:ScriptManager> altında yer alan <asp:ServiceReference> elementi her bir Web service için bir proxy sınıfı oluşturur.

ASP.NET AJAX : Page Metodlar Neden Static Olmak Zorunda ?

"Page Metodlar Neden Static Olmak Zorunda ?" sorusuna gelmeden önce bazı konuların üzerinden geçmemiz gerekiyor ki sonunda bu soruyu yanıtlarken taşlar yerine oturmuş olsun. Üzerinden geçeceğimiz konular aşağıda sıralandığı gibi olacaktır : 

• Page class nedir ve niçin ona sahibiz


• Page class bizim için ne yapar


• Perde arkasında neler olur


• Bir metod kullanıldığında gereken static anahtar kelime


• Ve Page Metodlar Neden Static Olmak Zorunda...

Drag&Drop,FileApi ve Canvas kullanarak Resize image (resim boyutlandıma)

Normalde resim kaydetmek oldukça basit bir işlem. Bir form içine File input oluşturarak bu işin üstesinden gelinebilir. Fakat bu resim için ön çalışa yapılması gerekirse ne olacak ? Diğer bir deyişle, resmi kaydetmeden önce resize (yeniden boyutlandıra) yapmanız ve dosya türü PNG ve JPG türünde kayıt edilmesi gerekseydi ?  Canvas burada devreye giriyor.

ASP.Net ile Jquery  autocomplete yapmak (3)

Son makalemizde css dosyamızı oluşturup, jquery versiyonlarımızı çağırarak autocomplete işlemini sonlandırıyoruz.

Aşağıdaki dosyaları ascx dosyamızın içine ekliyoruz :

<link rel="Stylesheet" href="<%= ResolveUrl ("Styles/jquery-ui-1.10.4.custom.css") %>" />
<script src="<%= ResolveUrl ("Scripts/jquery-1.10.2.js") %>"></script>
<script src="<%= ResolveUrl ("Scripts/jquery-1.11.2.js")%>"></script>

Dosyaların linki : https://www.dropbox.com/sh/32nevb0zuiu23cj/AABOLAFqRdaXIzT-FQoUMWURa?dl=0

Herşey tamamsa aşağıdaki ekran çıktısını göreceksiniz. (Unutmayın üç harften sonra arama başlayacak.)

ASP.Net ile Jquery autocomplete yapmak (2)

Jquery autocomplete içerisinde ajax ile servisin çağrılması

Üç seriden oluşan autocomplete makalemizin ikinci konusu web servisinin jquery autocomplete metodunu kullanaraj ajax ile çağırmak olacaktır. Aşağıda oluşturduğumuz ascx sayfamızda yer alan kodlar ve açıklamalar bulunmaktadır.

ASCX

<script type="text/javascript" language="javascript">

var jQuery  = jQuery.noConflict(); // Diğer jquery fonksiyonlarla çakışmasını önlemek için noConflict metodumuzu çağırıyoruz.

jQuery (function () {

jQuery ("#<%= txtKategoriAdi.ClientID %>").autocomplete({

// Arama sonuçlarından birine tıklandığında aşağıdaki fonksiyon bir link oluşturup ilgili sayfaya yönlendirecek.

select: function (event, ui) {

var url = "http://ornelsite.com/IlanAra.aspx?KategoriId=" + ui.item.Id;

event.preventDefault();

window.location.href = url;

},

//Web servis çağrıldıktan sonra JSON formatına çeviriliyor ve geriye KategoriId ve KategoriAd döndürülüyor

source: function (request, response) {

jQuery .ajax({

url: "UserControls/CompleteWord.asmx/KategoriAdiAl",

data: "{ 'Kelime': '" + request.term + "' }",

dataType: "json",

type: "POST",

contentType: "application/json; charset=utf-8",

success: function (result) {

var markers = JSON.parse(result.d);

response(jQuery .map(markers, function (item) {

var baslik = item.IlanBaslik ? item.IlanBaslik : 'Kategoriler';

var kad = item.KategoriAd ? "(Kategori : " " + item.KategoriAd + ")" : ' ';

return {

Id: item.KategoriId,

value: baslik.toUpperCase() + " " + kad

}

}))

},

error: function (result) {

alert("Problem var");

}

});

},

minLength: 3 // 3 harften sonra autocomplete çalışmaya başlayacak

});

});

</script>

HTML

<asp:TextBox runat="server" ID="txtKategoriAdi" placeholder="Arama yapmak istediğiniz kelimeyi giriniz." Width="350px" CssClass="textbox" Height="30px"  />

Sormak istediğiniz birşey olursa lütfen yorum olarak giriniz.

Son makale için tıklayınız

ASP.NET ile Jquery autocomplete yapmak (1)

Bir önceki makalemde asp.net ile autocomplete kullanımını işlemiştim. Dileyen Ajax AutoComplete Extender ile gelişmiş arama linkinden ilgili makaleyi inceleyebilir. Yine aynı konunun devamı olan bir makale daha yazıyorum. Ancak bu sefer Jquery kullanarak ve daha gelişmiş bir arama motoru yapacağız. Daha önce bu işlemi Ajax AutoComplete Extender ile yapmışken şimdi neden tekrar yaptığımı merak edebilirsiniz. Birinci sebebi bu modül daha gelişmiş olacak. Bir web servis kullanacağız.

Ajax AutoComplete Extender ile gelişmiş arama

Ajax AutoComplete Extender ile gelişmiş arama

ASP.NET AJAX AutoComplete extender herhangi bir TextBox kontrolüne bağlanabilir ve bundan sonra  textbox'a yazılan yazı ile başlayan kelimeyle ile ilişkilendirilecek ve pop up panelde bu ilişkili kelimeler gözükecektir.

Dropdown içerisinde web servis tarafından sağlanan aday kelimeler textbox içine yerleştirilecektir.