easyui如何只打印当前datagrid的表格区域?


    <a href="javascript:void(0)" id="pass_btn"  onclick="print()" data-options="iconCls:'icon-doc-scan'" class="easyui-linkbutton" plain="true">打印当前页</a>

没有什么方法只打印当前页面的表格数据?我只有这个按钮,没有方法。需要了解具体的还可以看我另外一篇提问。

easyui在打印当前页面时,如何隐藏掉底部的分页插件?-前端-CSDN问答 CSDN问答为您找到easyui在打印当前页面时,如何隐藏掉底部的分页插件?相关问题答案,如果想了解更多关于easyui在打印当前页面时,如何隐藏掉底部的分页插件? easyui 技术问题等相关问答,请访问CSDN问答。 https://ask.csdn.net/questions/7486174


<div id="pulPrint">  
  我是要打印的内容
</div>
<div class="btn btn-primary print-btn">打印</div>


$(".print-btn").on("click",function(){
    printsingle("pulPrint");    
})
//局部打印   这里的printpage是id
function printsingle(printpage){
    var headstr="<html><head><title></title></head><body>";
    var footstr="</body></html>";
    var newstr=document.all.item(printpage).innerHTML;   
    var oldstr=document.body.innerHTML;
    var myWindow=window.open('','newwindow','fullscreen=yes,location=no,menubar=no,status=no,titlebar=no,toolbar=no');
    myWindow.document.body.innerHTML=headstr+newstr+footstr; 
  myWindow.print();
    setTimeout(function(){
        myWindow.close();
    },300);
    return false;
}

有帮助望采纳!!

在插件的div中加入该css就可以隐藏掉


<style media="print" type="text/css"> 
.noprint{visibility:hidden} 
</style>
<p class="noprint">这里是不打印的内容。</p>

<span id="div1">这里是要打印的内容</span>
<a href="javascrīpt:onprint()" target="_self">打印</a>
<script language="javascript">
function onprint(){
 document.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>';
 window.print();
}
</script>