Używam Railsów do mojej aplikacji (rejestru studentów) i potrzebuję linka/przycisku drukowania, aby wydrukować niektóre informacje ucznia. Co mam zrobić?Jak mogę umieścić link/przycisk drukowania na stronie projektu, aby wydrukować informacje?
Odpowiedz
Nie jestem pewien, czy ja coś źle zrozumieć tutaj, bo to wydaje się bardziej jak pytanie javascript następnie szyny mi jedno: Ale o to, w jaki sposób zrobić link drukowania:
<a href="#" onclick="window.print();return false;">print me</a>
Uwaga:return false
jest krytyczny, w przeciwnym razie aplikacja zawiesi się.
Można również specjalną stronę wydruku tylko żądanej informacji i mają window.print w przypadku onload jak ten:
<body onload="window.print();">
Alternatywnie można załadować arkusz stylów wydruku, który używa „display: none "na elementach div, które chcesz ukryć. Ma dodatkową zaletę, że jest stylizowany w dowolny sposób i można go użyć w pierwszym przykładzie powyżej lub w łączu "Drukuj mnie" zamiast w wersji onload.
Dołącz to w miejscu, w którym chcesz dodać przycisk drukowania
function printPage() {
window.print()
}
Po tym, dać link lub przycisk
<%= link_to "print", "#", onclick: "printPage()" %>
można użyć tego tagu, aby linka druku.
<%= link_to 'print', 'your_link_here', :onclick => 'window.print();return false;'%>
Teraz, jeśli chcesz wydrukować konkretny punkt, można użyć typów mediów CSS
/*This css will only works when you print*/
@media print {
body {
background: #FFF;
}
}
- 1. Jak umieścić najnowszy tweet na stronie internetowej?
- 2. Notepad ++ Jak umieścić okno po prawej stronie?
- 3. Informacje o kontekstach Sharepoint na stronie HTML
- 4. Jak umieścić na stronie formularz logowania Flask-Security?
- 5. Jak wydrukować nagłówek GridView na każdej stronie wydruku
- 6. Grails: Jak mogę wydrukować na konsoli cmd?
- 7. Jak umieścić kod JavaScript na stronie Witryn Google?
- 8. Jak mogę umieścić limity na macierzy tłumaczenia?
- 9. Jak umieścić dane na stronie internetowej przy użyciu Jsoup
- 10. Jak korzystać z parsera HTML, aby uzyskać pełne informacje o wszystkich znacznikach na stronie HTML?
- 11. Gdzie umieścić test jednostkowy projektu
- 12. Jak mogę posortować listę na kilka sposobów na stronie JSP?
- 13. Jak umieścić dwa formularze na tej samej stronie?
- 14. Jak powiedzieć Behat/Mink, aby umieścić wskaźnik myszy nad elementem na stronie internetowej?
- 15. Jak działa funkcja drukowania Javascript? Czy mogę utworzyć dokument za pomocą javascript i wydrukować?
- 16. Czy można wydrukować inną stopkę na każdej stronie?
- 17. Jak mogę wydrukować informacje o obiekcie NET: HTTPRequest do celów debugowania?
- 18. Jak wyzwolić javascript na wydarzenie drukowania?
- 19. Mapa obrazu: Kliknij, aby wyświetlić/wydrukować tekst na ekranie.
- 20. Jak mogę zobaczyć błędy wyświetlane na stronie projektu Google Developers Console?
- 21. Jak mogę wstawić przycisk Drukuj, który drukuje formularz na stronie internetowej
- 22. Jak wydrukować stos stosu StackOverflowException
- 23. Jakie pliki projektu autoconf umieścić w .gitignore?
- 24. Jak mogę wydrukować wiele znaczących cyfr w Pythonie?
- 25. Jak mogę uniknąć drukowania mojego skryptu R przy każdym uruchomieniu?
- 26. Jak mogę wydrukować PID w Elixir?
- 27. Skonfiguruj Visual Studio 2005, aby wydrukować numery linii
- 28. jak mogę umieścić punkt przerwania na "coś jest drukowane na terminalu" w gdb?
- 29. drukowania uint8_t
- 30. Aby wydrukować granicę drzewa binarnego
Dzięki za kody. Udało się, ale chcę, aby drukował tylko określoną sekcję strony. Jak mogę to zrobić? –
Myślę, że najłatwiej byłoby użyć drugiej metody. Utwórz dynamiczną stronę wydruku, więc gdy użytkownik kliknie "Drukuj" na stronie głównej, połączysz to z nową stroną print /? Studentid = 12345, która otworzy się w nowym oknie. Na nowej stronie umieszczasz wszystkie istotne informacje dla żądanego ucznia i posiada onload = "window.print();" kod w tagu body, który otworzy okno dialogowe drukowania zaraz po załadowaniu strony. –