How do I write code to a button which must fire on both events onclick and onclientclick simultaneously with single click

Question

1.00/5 (1 vote)

See more:

iam writing code for button onclient event with js to print the webpage and onclick event for generating pdf and downloading it ..both must be done in a single action..
but when i cancel print which i onclient click event then oncick event is firing .

What I have tried:

 <script type="text/javascript">
         function PrintPage() 
         {
             window.print();
            return true;
         }
</script>

<asp:Button ID="Button3" runat="server"  Text="PTPDF" UseSubmitBehavior="false" OnClick="Button3_Click1"  OnClientClick ="javascript:PrintPage();"    />
       </div>

protected void Button3_Click1(object sender, EventArgs e)
        {//here is the code for pdf generation,
this code must get fired automatically after onclient click event without users action}

Posted 27-Jun-17 19:41pm

saimanisha

Updated 27-Jun-17 20:40pm

v3

Add a Solution

Comments

Thomas Nielsen - getCore 28-Jun-17 4:18am

Well you cannot have a single action happenig both on server and client :)
the client renders the javascript in your browser and the server (runat='server') instance of the controls is happening between request/post and response

F-ES Sitecore 28-Jun-17 4:55am

Any attempt to automate or control printing on the client side is doomed to fail, it's just not supported.

saimanisha 28-Jun-17 5:12am

so what is the solution if we want to provide print option to client ..

F-ES Sitecore 28-Jun-17 5:26am

The client already has this...the print function of their browser. If they want to print something they can.

saimanisha 28-Jun-17 5:33am

my requirement is i have written function for print which is client side and pdf generation with download option server side ..thats why i used onlick and onclientclick events..is there any possibility to work both events at a time one after other with single click .

F-ES Sitecore 28-Jun-17 5:44am

If you want to give a print option and also trigger a file download then you're better doing the two at the same time. If you trigger the download page in a new window when you do the client click then it leaves the original page open to be printed while the file download will happen as an independent process. If you try and do them sequentially you might run into reliability issues as you could end up trying to print a page that no longer exists because your click has triggered a postback to do a file download.

saimanisha 28-Jun-17 7:17am

ok then how do i write code for triggering to downloading a file after print the current page ..

F-ES Sitecore 28-Jun-17 7:30am

This is your problem, you don't know if the page has been printed. If you insist on using that as a requirement you will never succeed, all you can do is window.print() and after that it's up to the user what happens.

If you want to instigate the download before the window.print command then have a form on the page like

<form id="dlForm" action="yourdownloadpage.aspx" target="_blank">
// any data you want to send to the form will go in hidden fields here
<input type=hidden name=od value="123" />
<input type=submit value=Download style="display:none;"/>
</form>

You then submit that form in your js code

$("#dlForm").submit();

An alternative hack is to have an iframe on the page with width and height of 1 and set to display:none and you set the src of the iframe to your download page.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Answer 1 · 2017-06-27T20:40:00

Solution 1

OnClientClick event will be fired first, it will accept boolean value ( true by default )
if the value is true, onclick event will be fired, else it wont.
it should be

OnClientClick =" return PrintPage();"

however the window.print() method will not return any value, so its difficult to know that whether the print or cancel button is clicked.
check this, it might help you How to capture the click event on the default print menu called by Javascript window.print()? - Stack Overflow[^]

Posted 27-Jun-17 20:40pm

Karthik_Mahalingam

Comments

saimanisha 28-Jun-17 2:45am

its working when am cancelling the print window..then onclick event is wokring .but it has to work when am not cancelling print window

Karthik_Mahalingam 28-Jun-17 2:47am

this is how it works, what you can do is create another button (hide it) and use that for downloading your stuffs
invoke the button when the print is clicked, else not. which can be achieved by the link provided in the solution.

saimanisha 28-Jun-17 3:02am

i didnt get whats there in that link..i need to do both things at time cleint side code and server side code must work but its not firing on server side code how do i make it possible.if u have any idea in any other way then tell me.