打印javascript tabcontrol的内容:Gridviews

时间:2010-04-28 19:45:17

标签: c# asp.net javascript jquery printing

我有一个JQuery tabcontrol(4个选项卡),每个选项卡控制1个gridview。 现在我有一个“打印”按钮。它激活一个javascript函数,它应该构建一个包含所有gridviews的页面。我得到了一些东西,但它不起作用:

function doPrintPage() {

        myWindow = window.open('', '', 'titlebar=yes,menubar=yes,status=yes,scrollbars=yes,width=500,height=600');

        myWindow.document.open();

        myWindow.document.writeln("<link href='/styles/Layout.css' type='text/css' rel='stylesheet' ></link>");

        myWindow.document.write(document.getElementById('tabcontainer').innerHTML);

        myWindow.document.close();

        myWindow.focus();

        myWindow.print();

        return true;

    }

我认为它可能是getElementByID(),然后是'tabcontainer'(包含标签)或'tabcontent'(每个标签的内容)或'GridView1'之类的东西,但我可以完全错误。因为我没有得到线索......

1 个答案:

答案 0 :(得分:0)

解决方案:

function doPrintPage()
{

myWindow = window.open('', '', 'titlebar=yes,menubar=yes,status=yes,scrollbars=yes,width=800,height=600');

myWindow.document.open();
myWindow.document.write("</br>");
myWindow.document.write("<h2>Results</h2>");
myWindow.document.write(document.getElementById('tab1').innerHTML);
myWindow.document.write("</br>");
myWindow.document.write("<h2>Tree</h2>");
myWindow.document.write(document.getElementById('tab2').innerHTML);
myWindow.document.write("</br>");
myWindow.document.write("<h2>Open</h2>");
myWindow.document.write(document.getElementById('tab3').innerHTML);
myWindow.document.write("</br>");
myWindow.document.write("<h2>Free</h2>");
myWindow.document.write(document.getElementById('tab4').innerHTML);

myWindow.document.close();

myWindow.focus();

//myWindow.print();

//myWindow.close();

return true;

}

嵌入在div(“tab#”)中的单独gridview,其中嵌入了tabcontainer。简单的解决方案...选择正确的div ID ... 显然我忽略了这个