$('.print_invoice').on('click',function(){

            let printBody = $('.invoice-print');

            let originalContents = $('body').html();
            $('body').html(printBody.html());

            window.print();

            $('body').html(originalContents);

        })

Yukarıdaki kodumuzda “print-invoice” sınıfını tanımlı elementimiz (buton) tıklandığında çalışacak kodları içeren bir fonksiyondur.
1) let printBody = $(‘.invoice-print’); ile “invoice-print” sınıfımızın içeriğini printBody olarak saklıyoruz. Çünkü sadece bu alanı yazdırmak istiyoruz.
2) let originalContents = $(‘body’).html(); ile body bölümündeki tüm içeriği yedeklemek için değişkende saklıyoruz.
3) $(‘body’).html(printBody.html()); ile geçiçi olarak body mizin içeriğine yazdırmak istediğimiz alanı ekliyoruz.
4) window.print(); ile yazdırma fonksiyonunu çağırıyoruz.
5) $(‘body’).html(originalContents); ile fonksiyon sonunda orijinal içeriği tekrar yüklüyoruz.

By admin

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir