js 页面打印gridview

最新推荐文章于 2021-05-20 09:13:04 发布
最新推荐文章于 2021-05-20 09:13:04 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： js 文章标签： javascript div button function server date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pengfeihe0123/article/details/6599116
版权
 

下面是js打印gridview 的代码，首先要把需要打印的gv放到一个div里面，具体代码如下：

    <script type="text/javascript" language="javascript">
  
function printPage(name) 
{
    var newWin = window.open('printer','','');
    var titleHTML = document.getElementById("printdiv").innerHTML;
    newWin.document.write("<div style='font-size:large;font-weight:bold;text-align:center;'>"+name+"</div>");
    newWin.document.write(titleHTML);
    newWin.document.write("<div style='font-size:large;font-weight:bold;float:right'>打印时间:"+ new Date().toLocaleString()+"</div>");
    newWin.document.location.reload();
    newWin.print();
    newWin.close();
}
    </script>
打印按钮事件：
<asp:Button runat="server" ID="btnPrint" Text="打印" OnClientClick="printPage('违规信息表统计') " />
这个"违规信息统计表" 打印出来表头显示的标题
希望对大家有用。。。


 

阿呆0123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
asp.net中实现打印gridview代码
12-06
asp.net中实现打印gridview代码不错的！！！
ASP_JavaScript打印
10-18
ASP_JavaScript本控件可以在Visual Studio系列的开发环境下使用，支持C/S结构的应用程序，也支持B/S结构的应用程序。实现Web环境下的打印预览。本控件提供大量的属性与方法，可以处理文本信息，图形信息、表格信息的打印预览功能，在应用程序的开发过程中可以对Visual Studio环境下的各种表格控件进行直接的打印预览，方便数据信息的预览与打印。 文本信息：处理各种文字信息，主要分标题信息、普通文字信息、文字段落信息，根据当前坐标位置显示各种样式的文字信息，自定义文字的样式与颜色、字体大小。可以满足各种复杂的文档效果的打印预览。 图形信息：处理各种图形信息，主要有直线、矩形(圆形、椭圆形)、填充颜色矩形(圆形、椭圆形)、图片。根据当前坐标位置显示各种样式的图形信息，自定义图形的样式、颜色、图形大小。在指定位置显示应用程序中的图片控件。 表格信息：主要分两种，一种是用户自定义表格信息，另一种是Visual Studio环境下的各种表格控件信息。两种表格信息显示的方法不同，显示的途径不同，对于普通表格显示没有什么区别，但处理复杂表格时会进行区分。对于用于自定义表格信息是根据用户的要求进行每个单元格的绘制，根据当前坐标位置绘制指定大小的单元格信息。绘制自定义表格需要更多的时间与经历，可以完成许多复杂的表格信息。对于Visual Studio环境下的各种表格控件信息是为了加快应用程序的开发时间与效率，对Visual Studio环境下各种表格控件信息进行快速的打印预览，主要支持Visual Studio环境下的C/S结构应用程序表格控件有DataGridView控件、DataGrid控件、支持B/S结构应用程序表格控件有GridView控件、DataGrid控件。在各种动态网页开发语言下使用VBScript、JavaScript脚本语言进行各种信息的打印预览工作，可以直接打印HtmlTable网页元素中的文字信息。 在控件演示实例中有本控件的详细说明文件，本控件现在是打印预览控件的测试版本，测试版本与正式版的区别在于测试版只可打印一页并且具有水印。但制作效果和预览效果和正式版一样。想有意购买者请与我联系。
ASP.NET Gridview隐藏/显示列源码
03-09
ASP.NET实现Gridview隐藏/显示列源码 介绍： 这篇文章演示如果让用户有显示/隐藏他们需要的GridView的列的功能，这是非常有用的，因为在GridView的所有列并不是每个的用户都需要的.用户想根据自己的需求看到想要的列.而不是显示一个巨大的gridview，霸占了整个屏幕，而是一个整洁的Gridview，而且它有所有你需要的列.对于页面的打印这也是一个非常有用的技术，因为用户可以灵活地选择GridView的列打印。 背景： RowCreated 和ItemDataBound 事件允许你用多种方式注入HTML, CSS,和JavaScript 来增强GridView 控件的功能。 文章将会演示两种显示和隐藏GridView列的方法，一种是客户端的方法，另外一种是服务段的方法. 在客户段显示和隐藏GridView的列 大部分代码是在GridView的RowCreated事件生成客户端的功能的。当GridView的Header行被创建后，一个带负号的HyperLink被插入每个Header行的单元格中用来隐藏列。 这个hyperlink通过它的onclick事件调用一个HideCol的Javascript方法，CSS类用来增加负号的大小,当每个数据行被创建的时候，一个Id将会被添加到每行中用来让Javascript区分每一行. 代码 protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e) { GridView gridView = (GridView)sender; StringBuilder sb = new StringBuilder(); // For the header row add a link to each header // cell which can call the HideCol javascript method if (e.Row.RowType == DataControlRowType.Header) { // Loop through each cell of the row for (int columnIndex = 0; columnIndex 0) { Label columnTextLabel = new Label(); columnTextLabel.Text = e.Row.Cells[columnIndex].Text; e.Row.Cells[columnIndex].Controls.Add(columnTextLabel); } } } // Give each row an id if (e.Row.RowType == DataControlRowType.Pager) e.Row.Attributes.Add("id", gridView.ClientID + "_pager"); else e.Row.Attributes.Add("id", gridView.ClientID + "_r" + e.Row.RowIndex.ToString()); } SetupShowHideColumns方法中生成“Show Columns”下拉菜单的HTML，输出在Literal控件上面 。 代码 private void SetupShowHideColumns(GridView gridView, Literal showHideColumnsLiteral) { StringBuilder sb = new StringBuilder(); sb.Append(""); sb.Append(""); sb.Append("- Show Column -"); showHideColumnsLiteral.Text = sb.ToString(); } 在数据绑定到GridView之后，其余的工作由ShowHideColumns.js中的javascript来完成.当列头的hyperlink被点击的时候后，它将会传递GridView的名字，列的索引和列名给HideCol方法，这个方法能找到这一列的每个单元格,每个单元格的将添加display:none样式，用来隐藏这一列. 当选择"Show Column"中的选项后,Javascript方法ShowCol将会被调用,它将移除每个单元格的display:none样式,这一列将会被再次显示. 在服务端显示/隐藏GridView的列 服务端的例子将通过RowCreated事件给每个列头添加一个负号，这次是使用LinkButton控件.设置CommandName和CommandArgument属性，这样当通过LinkButton引发RowCommand事件时，相关的列都可以隐藏。以前隐藏的列索引存储在一个List中，这些列在建立时，将会被隐藏的。 代码 protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e) { // For the header row add a link button to each header // cell which can execute a row command if (e.Row.RowType == DataControlRowType.Header) { // Loop through each cell of the header row for (int columnIndex = 0; columnIndex 0) { Label columnTextLabel = new Label(); columnTextLabel.Text = e.Row.Cells[columnIndex].Text; e.Row.Cells[columnIndex].Controls.Add(columnTextLabel); } } } // Hide the column indexes which have been stored in hiddenColumnIndexes foreach(int columnIndex in hiddenColumnIndexes) if (columnIndex 0) { this.GridView1ShowHideColumns.Visible = true; this.GridView1ShowHideColumns.Items.Add(new ListItem("-Show Column-", "-1")); foreach (int i in hiddenColumnIndexes) this.GridView1ShowHideColumns.Items.Add( new ListItem(columnNames[i], i.ToString())); } else { this.GridView1ShowHideColumns.Visible = false; } } 示例项目的例子： 客户端的例子： •C#.NET - Client-side example accessing data stored in session. •C#.NET - Client-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control. •VB.NET - Client-side example accessing data stored in session. 服务端的例子 •C#.NET - Server-side example accessing data stored in session. •C#.NET - Server-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control. •VB.NET - Server-side example accessing data stored in session. 结论： 如果你想让你的用户能够显示和隐藏在ASP.NET GridView的列，那么这种技术可能是非常有用的。 原文：http://www.codeproject.com/KB/webforms/ShowHideGridviewColumns.aspx 作者：朱祁林 出处：http://zhuqil.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
JS打印gridview实现原理及代码
12-10
代码如下: var hkey_root = “HKEY_CURRENT_USER”; var hkey_path = “\\Software\\Microsoft\\Internet Explorer\\PageSetup\\”; var hkey_key; function printPage() { try { var RegWsh = new ActiveXObject(“WScript.Shell”); hkey_key = “header” RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, “&w&b页码，&p/&P”) hkey_k
grf-reader:使用Javascript读取《仙境传说》的GRF文件
05-04
GRF阅读器 GRF Reader是用于读取Ragnarok GRF文件的Javascript库。 基本用法 方法getFile可用于获取目标文件的Buffer 。 您可以在entries字段中获取文件列表。 const GRFReader = require ( 'grf-reader' ) ; const grf = new GRFReader ( './data.grf' ) ; ( async ( ) => { try { const clientInfo = await grf . getFile ( 'data\\clientinfo.xml' ) ; console . log ( clientInfo . toString ( 'utf8' ) ) ; } catch ( e ) { console . error ( e ) ; }
使用JavaScript调用本地打印机
zZZxiaozhi的博客
05-20 6481
在前端页面调用本地打印机的实现： 点击打印之后调出打印机 代码实现： # HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p id="xz">This is Printer!</p> &lt
打印gridview
笨笨的专栏
11-29 1052
今天公司让做一个打印功能,就是把gridview中的内容打印出来,再网上查了好多方法,最后决定把gridview包含到一个div中,然后将div的html提交到另一个页面,最终打印这个页面.打印指定内容： html>head>script type="text/javascript" language="javascript">...function printPage() ...{v
Gridview打印方法
黄超云的博客
11-16 742
 今天公司让做一个打印功能,就是把gridview中的内容打印出来,再网上查了好多方法,最后决定把gridview包含到一个div中,然后将div的html提交到另一个页面,最终打印这个页面. 打印指定内容：function printPage() {var newWin = window.open(printer,,);var titleHTML =
运用DIV打印gridview中的内容
weixin_30363817的博客
11-28 78
代码 <html><head><title></title><scripttype="text/javascript">functionprintPage(){varnewWin=window.open('about:blank','','toolbar=no,location=no,directories=no,sta...
显示/隐藏GridView的列源码
04-24
显示/隐藏GridView的列源码 介绍： 这篇文章演示如果让用户有显示/隐藏他们需要的GridView的列的功能，这是非常有用的，因为在GridView的所有列并不是每个的用户都需要的.用户想根据自己的需求看到想要的列.而不是显示一个巨大的gridview，霸占了整个屏幕，而是一个整洁的Gridview，而且它有所有你需要的列.对于页面的打印这也是一个非常有用的技术，因为用户可以灵活地选择GridView的列打印。 背景： RowCreated 和ItemDataBound 事件允许你用多种方式注入HTML, CSS,和JavaScript 来增强GridView 控件的功能。 示例项目的例子： 客户端的例子: C#.NET - Client-side example accessing data stored in session. C#.NET - Client-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control. VB.NET - Client-side example accessing data stored in session. 服务端的例子: C#.NET - Server-side example accessing data stored in session. C#.NET - Server-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control. VB.NET - Server-side example accessing data stored in session.
显示隐藏GridView的列
03-08
显示/隐藏GridView的列源码 介绍： 这篇文章演示如果让用户有显示/隐藏他们需要的GridView的列的功能，这是非常有用的，因为在GridView的所有列并不是每个的用户都需要的.用户想根据自己的需求看到想要的列.而不是显示一个巨大的gridview，霸占了整个屏幕，而是一个整洁的Gridview，而且它有所有你需要的列.对于页面的打印这也是一个非常有用的技术，因为用户可以灵活地选择GridView的列打印。 背景： RowCreated 和ItemDataBound 事件允许你用多种方式注入HTML, CSS,和JavaScript 来增强GridView 控件的功能。 示例项目的例子： 客户端的例子: C#.NET - Client-side example accessing data stored in session. C#.NET - Client-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control. VB.NET - Client-side example accessing data stored in session. 服务端的例子: C#.NET - Server-side example accessing data stored in session. C#.NET - Server-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control. VB.NET - Server-side example accessing data stored in session.
使用js实现打印分页的功能（包括页码，表头，表尾）
07-13
使用js实现打印分页的功能（包括页码，表头，表尾）
js打印WEB页面与打印预览
02-27
js打印WEB页面与打印预览
js从字符串中截取10个字节的长度
pengfeihe0123的专栏
08-17 3740
效果：例如你输入的为"你们好好好好"，截取之后是"你们好好好"，数字和字母就直接是10位了，如果是"你们好11111111"，截取之后是"你们好1111",希望对大家有帮助。。。   function Count(text, long) {
js 回到顶部
pengfeihe0123的专栏
02-17 2703
js回到顶部 function goTop(acceleration, time) { acceleration = acceleration || 0.1; time = time || 16; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var y3 = 0; if
js 左右滚动幻灯片
pengfeihe0123的专栏
11-23 1933
<br /><br /> <br /> <br /><html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br /><title>不间断图片左右滚动代码演示</title><br /><style type="text/css"><br />td {font-size: 12px;}<br /></style><br /></head><br /><BODY><br /><
js打印gridview
pengfeihe0123的专栏
06-29 540
直接上代码：在按钮事件里直接调用就OK了，name是最上面显示的东西 <!-- function printPage(name) { var newWin = window.open(printer,,); var titleHTML = document.getElementById("printdiv").innerHTML;--要打印的d
js获取 asp.net GridView的columnIndex
最新发布
03-25
可以使用以下代码获取 ASP.NET GridView 中某一列的索引： ``` <script type="text/javascript"> function getGridColumnIndex(columnName) { var gridView = document.getElementById("<%=GridView1.ClientID%>"); var headerRow = gridView.getElementsByTagName("TH")[0]; for (var i = 0; i < headerRow.cells.length; i++) { if (headerRow.cells[i].innerHTML.trim() == columnName) { return i; } } } </script> ``` 其中，GridView1 是 ASP.NET GridView 的 ID，可以替换为你自己的 GridView 的 ID。调用这个函数时，传入你想要获取索引的列的名称，比如： ``` var columnIndex = getGridColumnIndex("ColumnName"); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值