how to open a Pdf by Clicking gridview Itemtemplate Linkbut

Question

hi developers , i want to open a popup instead of another popup. when i click the first popup the gridview is opened. inside gridview ther is some Itemtemplate Links for each Chapter. like Chapter1,Chapter2,Chapter3,Chapter4 etc. when i clicking the Particular Chapter link means the particular chapter pdf file should be open without Refresh the page. the following code am adding , it is exactly working for Text Only.but i dont know how to open a Pdf instead of this text . thats all. so please help me how can i open the pdf instead of text on the same way . so please anyone know how to dispaly a pdf when click gridview itemtemplate suggest me to i am done this task Html Grid View Code asp:GridView ID = "GridView1" HeaderStyle-BackColor = "#3AC0F2" HeaderStyle-ForeColor = "White" runat = "server" AutoGenerateColumns = "false" > Columns > asp:BoundField DataField = "Id" ItemStyle-CssClass = "Id" HeaderText = "Id" ItemStyle-Width = "30" /> asp:BoundField DataField = "Name" ItemStyle-CssClass = "Name" HeaderText = "Name" ItemStyle-Width = "150" /> asp:BoundField DataField = "Description" ItemStyle-CssClass = "Description" HeaderText = "Description" ItemStyle-Width = "150" /> asp:TemplateField > ItemTemplate > asp:LinkButton Text = "View" ID = "lnkView" runat = "server" /> ItemTemplate > asp:TemplateField > Columns > asp:GridView > div id = "dialog" style = "display: none" > b > Id: b > span id = "id" > span > br /> b > Name: b > span id = "name" > span > br /> b > Description: b > span id = "description" > span > div > Jquery Code-- "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > "http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type= "text/javascript" > "http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css" rel= "stylesheet" type= "text/css" /> "text/javascript" > $(document).on( "click" , "[id*=lnkView]" , function () { $( "#id" ).html($( ".Id" , $( this ).closest( "tr" )).html()); $( "#name" ).html($( ".Name" , $( this ).closest( "tr" )).html()); $( "#description" ).html($( ".Description" , $( this ).closest( "tr" )).html()); $( "#dialog" ).dialog({ title: "View Details" , buttons: { Ok: function () { $( this ).dialog( 'close' ); } }, modal: true }); return false ; }); thanking you Paul.S

Pawan Kumar Tiwari · Answer

if open a file in pdf then best way to first create a method to read a file as a byte array then bind a literal tag in asp so display a pdf because of in byte array eassly to read pdf or if you fixed the location from pdf then no need to byte array directly provide src attribute to provide exact location then open a pdf if page is not post back so use update panel and java scripte code is also written in between then events will fired otherwies some time not hit the events as var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () { //write code here again then events fired }); }); as html code binding the file in literal tag I am create a one handler method because of i am access the location in database then that location red the file and convert byte format then bind if need the complete source then reply here is handler to read file "C#" Class= "Handler" %> using System; using System.Web; using System.IO; using System.Linq; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest(HttpContext context) { try { string pdfName = context.Request.QueryString[ "Name" ].ToString(); var fullName = HttpContext.Current.Server.UrlDecode(pdfName); byte [] bytes; string fileName = System.IO.Path.GetFileName(pdfName); //string file = context.Request.QueryString["fileName"].ToString(); bytes = File.ReadAllBytes(fullName); context.Response.Buffer = true ; context.Response.Charset = "" ; if (context.Request.QueryString[ "download" ] == "1" ) { context.Response.AppendHeader( "Content-Disposition" , "attachment; filename=" + fileName); } context.Response.Cache.SetCacheability(HttpCacheability.NoCache); context.Response.ContentType = "application/pdf" ; context.Response.BinaryWrite(bytes); context.Response.Flush(); context.Response.Clear(); context.ApplicationInstance.CompleteRequest(); } catch (Exception ex) { throw ; //ErrorSignal.FromCurrentContext().Raise(ex); } } public bool IsReusable { get { return false ; } } } here is the method to call click buttone to open a pdf private void BindPdfFile() { PathDetails obj = FetchData.GetPaths( "CT21" , "514681" ); string mypath = obj.DRAWING_SHEET_PATH; //its my property to store file path var dir = new DirectoryInfo(mypath); List string > fileNames = (from flInfo in dir.GetFiles( "*.*" , SearchOption.TopDirectoryOnly) select flInfo.FullName).ToList(); if (fileNames.Count > 0) { var result = Path.GetExtension(fileNames[count]).ToLower(); if (result == ".pdf" ) { string embed = " " ; embed += "If you are unable to view file, you can download from here" ; embed += " or download Adobe PDF Reader to view the file." ; embed += "" ; //drawingpdf.Text = string.Format(embed, ResolveUrl("~/Handler.ashx?Name="), Server.HtmlEncode(fileNames[count])); //drawingpdf.TemplateControl= drawingpdf.Text = string .Format(embed, ResolveUrl( "~/Handler.ashx?Name=" ), Server.HtmlEncode(fileNames[count])); //drawingpdf.Text = "abc"; } } you can change the code as per your needs

how to open a Pdf by Clicking gridview Itemtemplate Linkbut

Answers (1)