none
function Imprimir() RRS feed

  • Pergunta

  • No código abaixo eu imprimo todo o conteúdo para página exceto o divBtnImprimir. 

    Como poderia imprimir apenas o conteúdo do asp:Panel ID="Panel2" ?

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm2.aspx.vb" Inherits="WRB.View.WebForm1" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function Imprimir() {
                window.print();          
            }
       </script>

        <style type="text/css">
           
           
             @media print
           {
            #divBtnImprimir{display: none;}
           }
             
             </style>
        
    </head>
    <body>
        <form id="form1" runat="server">
            <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
        <div id="divBtnImprimir">
        
            <input class="style3" name="btnImprimir" onclick="Imprimir()" type="button" value="Imprimir" />

        </div>
        <div>
        <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="3" Width="600px" BackColor="#CCFFCC" Style="font-size: small">
                                <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Cadastro">
                                    <ContentTemplate>
                                     <asp:Panel ID="Panel1" runat="server" GroupingText="CADASTRO" Width="570px">  
                                         
                                     </asp:Panel>

                                    </ContentTemplate>
                                </ajaxToolkit:TabPanel>
                                <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Encaminhamento">
                                    <ContentTemplate>
                                     <asp:Panel ID="Panel2" runat="server" GroupingText="ENCAMINHAMENTO" Width="570px"> 
                                          
                                     </asp:Panel>

                                    </ContentTemplate>
                                </ajaxToolkit:TabPanel>
        </ajaxToolkit:TabContainer>
       
        </div>

    segunda-feira, 17 de junho de 2013 16:15

Respostas

  • Vitor, 

    obrigado pelo retorno.

    Com o código abaixo eu consegui em visualizar impressão do Panel3 e o  HeaderText  do TabContainer.  

    Ainda preciso ocultar o HeaderText ("Cadastro","Encaminhamento") será possível?

     <title></title>
           <script type="text/javascript">
               function Imprimir() {
                   window.print();
               }
       </script>
        <style type="text/css">
         
          
            @media print
            {           
            #Panel2 { display: block; }
                #divBtnImprimir { display: none; }           
                #cabecalho { display: none; }
                #TabPanel1  { display: none; }
                #TabPanel2  { display: none; }
                #TabPanel4  { display: none; }
                #TabPanel5  { display: none; }
                #TabPanel7  { display: none; }    
                #WebUserControl { display: none; }  
                #Panel31 { display: none; }   
             }

    • Editado Wilson Boris segunda-feira, 17 de junho de 2013 19:14 adequação
    • Marcado como Resposta Felipo Gonçalves terça-feira, 2 de julho de 2013 14:05
    segunda-feira, 17 de junho de 2013 18:44

Todas as Respostas

  • Veja isso Wilson:

    http://stackoverflow.com/questions/468881/print-div-id-printarea-div-only
    http://forums.asp.net/t/1261525.aspx
    Tente validar também o ID da sua DIV se eles foram renderizados com o mesmo nome, talvez você esteja aplicando o CSS em ID diferente.

    Vitor Mendes | http://www.vitormendes.com.br/

    "Ajuda teu semelhante a levantar a sua carga, porém, não a carregá-la." (Pitágoras)

    segunda-feira, 17 de junho de 2013 17:37
  • Vitor, 

    obrigado pelo retorno.

    Com o código abaixo eu consegui em visualizar impressão do Panel3 e o  HeaderText  do TabContainer.  

    Ainda preciso ocultar o HeaderText ("Cadastro","Encaminhamento") será possível?

     <title></title>
           <script type="text/javascript">
               function Imprimir() {
                   window.print();
               }
       </script>
        <style type="text/css">
         
          
            @media print
            {           
            #Panel2 { display: block; }
                #divBtnImprimir { display: none; }           
                #cabecalho { display: none; }
                #TabPanel1  { display: none; }
                #TabPanel2  { display: none; }
                #TabPanel4  { display: none; }
                #TabPanel5  { display: none; }
                #TabPanel7  { display: none; }    
                #WebUserControl { display: none; }  
                #Panel31 { display: none; }   
             }

    • Editado Wilson Boris segunda-feira, 17 de junho de 2013 19:14 adequação
    • Marcado como Resposta Felipo Gonçalves terça-feira, 2 de julho de 2013 14:05
    segunda-feira, 17 de junho de 2013 18:44