Jquery'de bir sunu düzeni nasıl yazdırılır?

Question

Önceden tanımlanmış mizanpaja yazdırmak istediğim yapı, üstbilgi, altbilgi ekleyerek ve ayrıca nakit ve bakiye metin kutularında jquery olay değerlerini koruyarak yapıyorum.

<div class="small-12 medium-6 large-6 columns" id="print_item"> 
      <div class="left_content"> 
       <p><strong><u>Checkout</u></strong></p> 
       <ul class="large-block-grid-1"> 
        <li style="border-bottom: 1px solid #222;margin-bottom: 10px;"><div class="large-4 columns">Item Name</div> 
         <div class="large-1 columns">Qty</div> 
         <div class="large-4 columns">Price Subtotal</div> 
         <div class="large-3 columns">Action</div> 
        </li> 

       </ul> 
       <ul id="show-cart" class="large-block-grid-1"> 
       <li>???????</li> 

       </ul> 

       <!--agent items starts--> 
       <div id="agent"> 

       </div> 
       <!--agent items ends--> 

      <div>You have <span id="count-cart">X</span> items in your cart</div> 
      <br/> 
      <div>Total Cart:RM <span id="total-cart"></span></div> 
      <br/> 
      <div>Paid:RM <input type="text" id="cash" /></div> 
      <br/> 
      <div>Balance:RM <input type="text" id="balance" /></div> 
      <ul class="large-block-grid-3"> 
       <li><button id="continue-cart">Continue Shopping</button></li> 
       <li><button id="submit-cart">Submit Cart</button></li> 
       <li><button id="print-cart">Print Invoice</button> </li> 
      </ul> 
      </div> 

baskıya

Senaryo:

Ama bir şey yazdırmak isteyen:

//print data 
      $("#print-cart").click(function(event){ 
       printData() 
      }); 
       function printData() { 
        var divToPrint = document.getElementById("print_item"); 
        newWin = window.open(""); 
        newWin.document.write(divToPrint.outerHTML); 
        newWin.print(); 
        newWin.close(); 
       } 

Ve bu hangi aşağıdaki gibi yazdırır da son iki metin kutularının değerlerini kaybetmiş cazip değil Aynı zamanda şu anki alışveriş sepeti: Eğer başlıkta görüntülenecek şirket adı gibi ek bir değer geçirmek istiyorsanız, bu mümkün mü?

Answer 1

Daha önce sahip olduğunuz tüm html'leri geçersiz kılan document.write ile. Böylece, önceden yüklenmiş tüm javascript ve css'leri kaybediyorsunuz. yerine :

newWin.document.write(divToPrint.outerHTML);

deneyin:

newWin.document.getElementById('some id').append(the div you want to add)

Ama aynı zamanda css geri kalanını ekleyin ve js sahip bekliyoruz.