2015-10-29 2 views
0

Я пробовал достаточно на кнопке кнопки печати, но не ради. Это мои коды с изображениями.Asp Print button

<asp:Button ID="printButton" style="margin-left: -0.3%;" runat="server" Text="Print Invoice" OnClientClick="javascript:window.print();" Font-Bold="True" Font-Size="14pt" Width="150px" Height="40px" BackColor="#CC0000" ForeColor="White" /> 

Это дает мне следующий результат. enter image description here

Проблема в этом выходном изображении заключается в том, что он печатает всю страницу, но он повредил мой дизайн. Например, если вы видите, заголовок показывает код вместо изображений. Это какой-либо способ изменить его. например, я хочу только здесь напечатать только circular logo и только grid-view.

Другой код я использовал на button_click code behind является:

ClientScript.RegisterStartupScript(Page.GetType(), "vPrint", "window.print();", true); 

также не работает для меня. Поскольку я использовал этот код, когда у меня есть дизайн моего собственного шаблона, но когда я применяю это на скачанной templatel, он показывает мне пустую страницу на выходе кнопки печати. Глянь сюда. 2nd output

Я также пробовал функцию JavaScript как window.Print() и т. Д. Но не работает, пожалуйста, разобрайте это для меня. Thanks

+0

Извините, я did'nt получить представление ... Пожалуйста –

+0

Пожалуйста, помогите, так как им не слишком хорошо –

+0

Это может помочь вам - http://stackoverflow.com/questions/2255291/print-the-contents-of-a-div – CalC

ответ

1

Зачем использовать кнопки управления ASP вообще? Просто используйте стандартный HTML один:

<style type="text/css"> 
    #btnPrint 
    { 
     margin-left: -0.3%; 
     width : 150px; 
     height: 40px; 
     background-color: #CC0000; 
     color: #FFFFFF; 
     font-size: 14pt; 
    } 
</style> 
<input id="btnPrint" name="btnPrint" type="button" value="Print Invoice" onclick="window.print()"/> 
+0

такой же результат, как и мое первое изображение –

+0

Извините - я не вижу ваши изображения. Заблокировано корпоративным прокси-сервером. Можете ли вы создать скрипт JS? Кроме того, если вы хотите только напечатать определенные элементы DOM, вы, вероятно, захотите добавить стили печати @media в таблицу стилей, где вы должны установить отображение: none; для всех элементов, которые вы не хотите печатать. –

+0

Я понятия не имею о JS Fiddle –