Asp.net projelerinde jQuery ipuçları

jQuery UI yi son zamanlarda çok fazla kullanmaya başladım. Projelerde görünüm olarak ve fonksiyonellik olarak çok güzel bir bütünlük oluyor. Kullanımı da oldukça basit. Geçenlerde başıma enteresan bir durum geldi. Ui dialog içerisinde bir butonla işlem yaptırmak istedim fakat olmadı. Butona tıkladığınızda sayfa PostBack olmuyordu, haliyle yapmak istediğim şeyi yapamıyordum. Bu durumu şu şekilde aştım.

$(document).ready(function(){
        $("#tiklanacakNesne").click(function() {
            $("#acilacakDialog").dialog({
                modal: true,
                width: 300,
                open: function() {
                    $(this).parent().appendTo("form"); //olayımız burası, üste çıkıp form etiketimizi yani postBack işlemini yapacak olan formu yakalıyoruz. İşte bu kadar basit.
                }
            });
        });
})

Başımızın bir belası vardır ki oda yazdırma sayfaları. Neden beladır çünkü, yazıcıdan çıkacak biçim farklıdır, görüntülenen biçim farklıdır. Bu sebepden dolayı genellikle yazdırma sayfası ayrı tasarlanır. Bu kezde kodları yazar dururuz, en son yaptığım projede bu işi jQuery ile şu şekilde çözdüm vede gayet memnun kaldım.

        $(document).ready(function() {
            $("#yazdirButonumuz").click(function() {
                $(".gorunmesiniIstemedigimizYerler").remove();
                $(this).remove();
                window.print();
                location.reload();
            });
        });

Bu şekilde yazdır butonu dahil herşeyi ekrandan kaldırıyoruz, sayfamızın çıktısını alıyoruz ve sayfayı yeniliyoruz. Aynı sayfayı yeniden tasarlayıp kod yazmaktansa bu tarz bir çözüm çoğu zaman hayat kurtarıcı olacaktır.

CheckBoxList e tümünü seç olayını yapalım birde;

        $(document).ready(function() {
            $("#tumunuSec").change(function() {
                $("#<%=cblTumunuSec.ClientID %> input").attr("checked", $(this).attr("checked"));
            });
        })

        <asp:CheckBoxList runat="server" ID="cblTumunuSec">
            <asp:ListItem>Deneme 1</asp:ListItem>
            <asp:ListItem>Deneme 2</asp:ListItem>
            <asp:ListItem>Deneme 3</asp:ListItem>
            <asp:ListItem>Deneme 4</asp:ListItem>
        </asp:CheckBoxList>
        <input id="tumunuSec" type="checkbox" /><label for="tumunuSec">Tümünü Seç</label>

Gördüğünüz gibi tek satırda, tümünü seç, kaldır olayını yaptık. Bu yüzden jQuery i çok seviyoruz :) Aktaracaklarım şimdilik bu kadar..