Hi,
I have been trying to print HTML content after excluding some content. I have been doing as follows:
$('.print').click(function(){
var ele = $("#id-print-element");
if (!ele.hasClass("e-print")) {
$("#id-print-element").ejPrint({ excludeSelector: ".print-exclude" });
} else {
var obj = $("#id-print-element").ejPrint("instance");
obj.option("excludeSelector", ".print-exclude");
obj.option("printInNewWindow",true);
obj.print();
}
});
The HTML is like as follows:
<div class="row" id="id-print-element">
<div class="col-md-7">
<div class="row">
<div class="col-md-3 name">
Name
</div>
<div class="col-md-9 value">
Value
</div>
</div>
<div class="row print-exclude">
<button type="button" name="button" class="btn btn-label btn-primary print"><label><i class="ti-printer"></i></label>Print This Data</button>
</div>
</div>
</div>
When I click the button, the print opens up with the desired HTML content, but the print preview display's empty content. Please help.
obj.option(printInNewWindow,true);
instead of
obj.option("printInNewWindow",true);