Projelerde en çok kullanılan Asp.net kontrollerinden biri kuşkusuz repeater. Repater kullandıktan sonra sıralama işlemini (Repeater Paging) yapmak için ya jquery paginateTable kullanacağız ya da arka planda PagedDataSource sınıfını kullanacağız.
Bu makalemizde PagedDataSource nasıl kullanıldığına dair ufak bir örnek yapacağız.
Sayfamızda sayfa adedini ve kaçıncı sayfada olduğunu gösteren bir adet label1, ileri linki için ID si linkNext ve ID si linkPrev olan 2 adet HyperLink, ve veritabanına bağlanıp kayıtların aktarıldığı dt – datatable.
Veritabanına bağlanıp DataTable a verileri aktarma yine temel bilgi olduğu için değinmiyorum. Sizin bu kısma kadar geldiğinizi farz ediyorum.
Yazılımcılar için yardımcı kaynaklar
1-) Code Beautifier – CSS kodlarımı formatlamak, optimize etmek için.
http://www.codebeautifier.com/
2-) CSS Sprite Generator – Birden fazla imajları tek imaj haline getirip, yükleme performansı kazandırmak için kullanıyorum. Nam-ı diğer İmage Sprite
http://spritegen.website-performance.org/
3-) Image to Base64 – Bazı imajları CSS dosyasına gömerek yine yükleme performansı oluşturmak için kullanıyorum. Not: Eski tarayıcı uyumluluklarında sorun olabilir.
http://yellowgreen.de/image-to-base64-string-encoder
4-) JS Beautifier – Javascript kodlarını düzenlemek, sıkıştırmak için
http://jsbeautifier.org/
5-) Dean Edwards – Packer – Javascript kodlarımı bir ölçüde sıkıştırmak ve şifrelemek için
http://dean.edwards.name/packer/
6-) Unpacker – Packer ile şifrelediğim yada şifrelenmiş JS kodlarını geri açmak için
http://www.strictly-software.com/unpacker
7-) Colorzilla – İmaj yerine CSS ile gradyan arkaplan oluşturmak için kullanıyorum.
http://www.colorzilla.com/gradient-editor/
File Upload Şeklini Değiştirmek
File upload görünümünü değiştirmek için aşağıdaki css kodlarını kullanabilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
.upload { width: 106px; height: 32px; background: url(/eyurtsever/Images/btnfile.png); /* istediğiniz görseli koyun*/ overflow: hidden; margin-bottom: 8px; cursor: pointer; } .upload input { display: block !important; width: 106px !important; height: 32px !important; opacity: 0 !important; overflow: hidden !important; cursor: pointer !important; } input.file { width: 150px; height: 20px; border: 1px solid #BBB; border-right: 0; color: #888; padding: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; outline: none; } |
Kullanımı :
1 |
<input type="file" class="upload"> |
Asp ile Formdan Gelenleri Veritabanına Ekleme
Asp ile formdan gelen verileri veritabanına nasıl kaydederiz? Aslında çok basit. Basit bir sorguyla bunu yapalım.
Önce tablomuzu oluşturalım.
Tabloadı : TblMakale
Alanlar : id,baslik,detay
şimdi bu alanlara göre formumuzu oluşturalım:
1 2 3 4 |
<form action="makale_kaydet.asp" method="post"> <input type="text" name="baslik" /> <br/> <textarea name="detay" ></textarea> </form> |
MSSQL Collation Değiştirme
MSSQL collaction değiştirmek için aşağıdaki kodlar New Query penceresine yazabilirsiniz.
1 2 3 |
ALTER DATABASE databaseadi_eyurtsever SET SINGLE_USER WITH ROLLBACK IMMEDIATE ALTER DATABASE databaseadi_eyurtsever COLLATE TURKISH_CI_AS ALTER DATABASE databaseadi_eyurtsever SET MULTI_USER |
Veritabanının collation degerini değiştirdik. Fakat tablolardaki alanların collation degerini de değiştirmek gerekiyor. Tabloyu design modunda açtıktan sonra alan özelliklerinde collation değerini “restore default” yapın. Bunu her alan için yapmak gerekiyor.
Tek tek bununla uğraşmak istemiyorsanız , veritabanını oluştururken “options” seçeneğinden collation değerini belirleyin.
Resmi Css'e Çevirmek | image to css
Css 3.0 ile birlikte resmi css e çevirmek mümkün. Belli matrisleri kullanarak kodlarla bunu yapabilirsiniz. Fakat hiç gerek yok. Bu işi yapan siteler var. Sizi hiç uğraştırmadan resminizi css e çeviriyor.
imagetocss sitesine gitmek için aşağıdaki linke tıklayın
http://image2css.alexdoesit.com/
ASP.NET Hazır Sanal Pos Kodları ( 7 Banka )
Asp.net olarak class’lar halinda kodlanmış 7 bankanın sanal pos kodları. Size sadece gerekli bilgileri class a göndermek kalıyor.
Aşağıdaki 7 bankanın sanal posları bulunmaktadır
1. İş Bankası
2. Garanti Bankası
3. Vakıfbank
4. Akbank
5. Yapı Kredi
6. FinansBank
7. DenizBank
Asp.Net Repeater İçerisindeki Kontrollere Ulaşmak
Merhaba, Asp.net repeater içerisindeki herhangi bir kontrollere ulaşmak için Repeater ın “FindControl” yöntemini kullanabilirsiniz. Aşağıda repater içerisindeki birden fazla “DropDownList” öğelerine erişip işlem yapmamızı sağlayacak ufak bir örnek kod mevcut.
1 2 3 4 5 6 7 8 9 10 11 12 |
DataTable dtKitap = null; /* Buraya datatable ı veritabanından dolduruyoruz. (Yine temel bildi o yüzden es geçiyorum) */ for (int i = 0; i <= RPTKITAPLAR.Items.Count - 1; i++) { DropDownList drpListe = (DropDownList)RPTKITAPLAR.Items[i].FindControl("drpSure"); drpListe.DataSource = dtKitap; drpListe.DataTextField = "KitapAd,"; drpListe.DataValueField = "Kitap_Id"; drpListe.DataBind(); } |
Jquery ile Pdf Görüntüleme Eklentileri
Merhaba arkadaşlar. Pdf dökümanınızı web sayfanız üzerinden görüntülemenize yarayacak ve işinizi kolaylaştıracak bir çok eklenti mevcut. Bir çok formatı ekstra program gerek duymadan açan Google Chrome pdf dosyaları içinde ideal. Fakat amacımız web sayfamızda (mesela popupla) görüntülemekse eklenti listesi,
-
JavaScript PDF Reader (pdf.js): HTML5 altyapısını kullanarak şık gürünümlü pdf görüntüleme sayfası hazırlayabilirsiniz. Dikkat etmeniz gereken html5 altyapısı kullandığı için Internet Explorer’ın desteklemeyen sürümlerinde sıkıntı yaşamamanız.
DEMO: http://mozilla.github.io/pdf.js/web/viewer.html -
jQuery Media Plugin: Tavsiye ettiğim ve sevdiğim bir eklentidir. Pdf dosyalarınızı iframe mantığı sayfanızın istediğiniz köşesinde sitediğiniz boyutlarda gösterebilirsiniz. Sadece Pdf dosyalarınız için değil Ses ve bazı (wmv) video formatlarını da oynatabileceğiniz güzel bir eklenti.
DEMO: http://jquery.malsup.com/media/misc.html -
PDFObject: Yine pdf dosyalarınızı sayfanızın istediğini bir divin içerisinde ya da tam ekran sayfa şeklinde göstermenizi sağlayacak bir eklentidir.
DEMO: http://pdfobject.com/examples/index.php
Windows 8 IIS Kurulum (Resimli Anlatım)
Windows 8 IIS kurulumu windows 7 ile hemen hemen aynıdır. Aşağıdaki adımları takip ederek windows 8 IIS kurulumunu gerçekleştirebilirsiniz.
İlk önce başlat menüsünü açtık ve Search (Arama) butonuna tıkladık