个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
您好，我正在尝试打印出包含模式中所有数据的模式，但我遇到了格式问题。 Gridview 被切断，文本也不是应有的样子。关于如何让它看起来更好有什么建议吗？
<script type="text/javascript">
function PrintContent() {
var panel = document.getElementById("SummaryModal");
var printWindow = window.open('', '', 'height=400,width=800');
printWindow.document.write('<html><head><title>Trip Summary</title>');
printWindow.document.write('</head><body >');
printWindow.document.write(panel.innerHTML);
printWindow.document.write('</body></html>');
printWindow.document.close();
setTimeout(function () {
printWindow.print();
}, 500);
return false;
}
</script>
<div id="SummaryModal" class="modal fade" role="dialog">
<div class="modal-dialog" style="width: 80%">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Trip Summary</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="lblDate">Date:</label>
<div class="input-group" style="width: 100%">
<asp:Label runat="server" ID="lblDate"></asp:Label>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="lblVolunteer">Volunteer Assigned:</label>
<div class="input-group" style="width: 100%">
<asp:Label runat="server" ID="lblVolunteer"></asp:Label>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="lblStartingAddress">Starting Address:</label>
<div class="input-group" style="width: 100%">
<asp:Label runat="server" ID="lblStartingAddress"></asp:Label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="lblNumBoxes">Number Of Boxes:</label>
<div class="input-group" style="width: 100%">
<asp:Label runat="server" ID="lblNumBoxes"></asp:Label>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="lblHasFood">Trip has food?</label>
<div class="input-group" style="width: 100%">
<asp:Label runat="server" ID="lblHasFood"></asp:Label>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="lblTotalTripTime">Total Trip Time:</label>
<div class="input-group" style="width: 100%">
<asp:Label runat="server" ID="lblTotalTripTime"> 2 hours and 30 minutes </asp:Label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="GVSummary">List of Destinations:</label>
</div>
</div>
<div class="col-md-3 col-md-offset-9">
<a href="#" id="btnPrint" class="btn btn-success btn-sm pull-right">
<span style="width: 3.5em;" onclick="PrintContent()" title="Print Trip Summary" data-toggle="tooltip" class="glyphicon glyphicon-print"></span>Print Summary
<%--<asp:LinkButton
Style="width: 3.5em;" OnClick="btnPrint1_Click" runat="server" title="Print Trip Summary" data-toggle="tooltip" class="glyphicon glyphicon-print">Print Summary
</asp:LinkButton>--%>
</a>
</div>
</div>
<br />
<div class="row">
<div class="container-fluid">
<div style="overflow-x: scroll; overflow-y: scroll">
<asp:GridView ID="GVSummary" runat="server" Style="overflow-x: scroll; overflow-y: scroll" CssClass="table table-responsive table-bordered" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="DestName" HeaderText="Name" />
<asp:BoundField DataField="isPickup" HeaderText="Pick Up or Delivery" />
<asp:BoundField DataField="Address1" HeaderText="Address 1" />
<asp:BoundField DataField="Address2" HeaderText="Address 2" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="State" HeaderText="State" />
<asp:BoundField DataField="ZipCode" HeaderText="Zip Code" />
<asp:BoundField DataField="RegionName" HeaderText="Region" />
<asp:BoundField DataField="DestinationPriority" HeaderText="Priority" />
<asp:BoundField DataField="DesTime" HeaderText="Travel Time" />
<asp:BoundField DataField="isScheduled" HeaderText="Recurring" />
<asp:BoundField DataField="DesNotes" HeaderText="Notes" />
<%-- <asp:BoundField DataField="DesNotes" HeaderText="Notes" />
<asp:BoundField DataField="isFood" HeaderText="Notes" />
<asp:BoundField DataField="BoxesNumber" HeaderText="Notes" />
<asp:BoundField DataField="DesTime" HeaderText="Notes" />
<asp:BoundField DataField="DesNotes" HeaderText="Notes" />
<asp:BoundField DataField="DesNotes" HeaderText="Notes" />--%>
</Columns>
</asp:GridView>
</div>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
最佳答案
您可以通过以下行在 printwindow 页面上使用 CSS:
printWindow.document.write('<link href="/css/style.css" rel="stylesheet" />');
使用您用于页面的任何 CSS。
关于javascript - 使用 Gridview + 格式打印模态框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43402524/
24
4
0
有没有办法使用 Clojure format(基于 java.util.Formatter)或 cl-format(基于 Common Lisp 的format) 以编程方式设置空格填充？如果您事先知
我正在尝试创建一个用户实体以及数据/文件(pdf格式)。上传并保存到数据库很好，但是当我让用户进入 postman 时尝试发送获取请求方法，然后在数据字段中显示一些糟糕的数据，而且我无法在数据库中看到
我必须将值为 {"STX","ETX"} 的普通字符串数组转换为十六进制值，并且我应该根据 http://www.asciitable.com/ 得到 {2,3} . 最佳答案 听起来你想要一个 Ma
我想格式化我的代码，但不确定哪种格式类型最适合我的项目需要。 我发现仅对于 dart 和 flutter 项目(我都有)，有不止一个选项可用于格式化编程语言/框架中预先构建的代码。 Dart : da
我已经尝试了多个代码，例如这样 Sub DateFixer() Application.ScreenUpdating = False Application.Calculation =
SolrQuery query = new SolrQuery(); query.setQuery("*:*"); query.add("wt","csv"); server.query(query)
我有一个包含多个字符串的数据库，我从查询中获取了这些记录，并且我在 QString 中收到了这种格式的数据: "Mon, 13 Nov 2017 09:48:45 +0000" 所以，我需要根据文化来
我有一个 Delphi 2007 DBGrid，我想让用户以更新的 Excel 格式 (OOXML) 保存它，但我的标准是用户不需要安装 Excel。有没有人知道任何已经这样做的组件？是的，我已经搜索
我正在我们的普通 html 站点旁边创建一个移动站点。使用 rails 3.1。移动站点在子域 m.site.com 中访问。 我已经定义了移动格式(Mime::Type.register_alias
我正在尝试使用 xmlstarlet 格式化 xml 文件，但我不想创建新的 xml 文件。 我试过了 xmlstarlet fo --inplace --indent-tab --omit-decl
我在 A 列中有一个带有文本的电子表格。 例如 A1=MY TEXT1 A2=MY TEXT2 A3=MY TEXT3 A4=MY TEXT4 A5=MY TEXT5 我想在文本的前后添加撇号 结果是
我想做一些源代码转换(自动导入列表清理)，我想保留注释和格式。我听说过一些关于解析器这样做的事情，我认为是 ghc 解析器。 看起来我可以通过从文件中提取内容来使用 hs-src-exts Langu
我在 Excel 中工作，我想根据另一张表中的列表找出一张表中是否有匹配项。 我已将值粘贴到列表中，并希望从另一张表中返回它们的相应值。包含字母和数字的单元格可以正常工作(例如:D5765000)，但
我有一个 DurationField在我的模型中定义为 day0 = models.DurationField('Duration for Monday', default=datetime.time
我正在为我的应用程序开发 WMI 查询。它需要为给定的 VID/PID 找到分配的虚拟 COM 端口。使用 WMI Code Creator 我发现...... 命名空间:root\CIMV2 类:W
我试图弄清楚如何使用 NSTextList，但除了 this SO question 之外，在网上几乎没有找到有用的信息。和 the comment in this blog . 使用这个我已经能够创
我要查询all_objects表在哪里last_ddl_time='01 jan 2010'但它拒绝日期格式... 任何机构给我查询的确切格式？ 最佳答案 正如 AKF 所说，您应该使用 Trunc除
我试图在我的应用程序中实现聊天功能。我使用了 2 个 JEditorPane。一个用于保存聊天记录，另一个用于将聊天发送到前一个 JEditorPane。 JEditorPane 是 text/h
我在大学里修了一个编译器类(class)，内容非常丰富，很有趣，尽管也很多工作。既然给了我们要实现的语言规范，所以我学不到的一件事就是语言设计。我现在正在考虑创建一种有趣的简单玩具语言，以便我可以玩耍
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想改善这个问题吗？更新问题，以便将其作为on-topic
我是一名优秀的程序员,十分优秀！