Re: gridview buttons and client side scripting - ASP.NET Discussion Boards

Re: gridview buttons and client side scripting

Abhishek Sur4-Sep-09 9:48

Abhishek Sur

4-Sep-09 9:48

Its easy...

First write your javascript that might change the value of a textbox, say like this:

<script>
function increaseValue(textId)
{
    var elem = document.getElementById(textId);
    if(!!elem)
        elem.value = parseInt(elem.value) + 1;
}
function decreaseValue(textId)
{
    var elem = document.getElementById(textId);
    if(!!elem)
        elem.value = parseInt(elem.value) - 1;
}
</script>

Now in your GridView.RowDataBound event write :

TextBox tb = e.Item.FindControl("tbValue") as TextBox;
Button btnIncr = e.Item.FindControl("btnIncr") as Button;
btnIncr.Attributes.Add("onclick", "javascript:increaseValue('" + tb.ClientID + "');");

Button btnDecr = e.Item.FindControl("btnDecr") as Button;
btnIncr.Attributes.Add("onclick", "javascript:decreaseValue('" + tb.ClientID + "');");

Now you see when the page is rendered it will hold the buttons with appropriate Onclick Event handlers to process the textbox tb.

Hope you like this solution. Rose | [Rose]

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Re: gridview buttons and client side scripting

compninja254-Sep-09 9:50

compninja25

4-Sep-09 9:50

Oh! slap me in the forehead! I was thinking of the gridview as a whole and how the heck I would find the controls after it's completed. I didn't even think of attacking it at the RowDataBound level. Thanks for the nudge in the right direction!!!

Knowledge is not power, however, the acquisition and appropriate application of knowledge can make you a very powerful individual.

Re: gridview buttons and client side scripting

Abhishek Sur4-Sep-09 11:16

Abhishek Sur

4-Sep-09 11:16

It happens to all of us.. Poke tongue | ;-P

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Re: gridview buttons and client side scripting

compninja258-Sep-09 3:29

compninja25

8-Sep-09 3:29

Just wanted to update incase anyone else needs to do something similar. I found this site to be helpful as well: GridView and Javascript Also, For some reason the page continued to post back and cause an invalid post back error on the server, but this is resolved by adding the following parameters to the buttons:

buttonPlus.PostBackUrl = "javascript:;";
buttonMinus.PostBackUrl = "javascript:;";

Also, you might need to do e.Row.FindControl if e.Item.FindControl is unavailable.

Thanks!!!

Knowledge is not power, however, the acquisition and appropriate application of knowledge can make you a very powerful individual.

Re: gridview buttons and client side scripting

Abhishek Sur8-Sep-09 10:59

Abhishek Sur

8-Sep-09 10:59

Yes.. you are right ...

Thanks for update.
cheers. Rose | [Rose]

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Re: gridview buttons and client side scripting

compninja259-Sep-09 10:19

compninja25

9-Sep-09 10:19

Hi Abhishek,

Actually, I believe I spoke too soon! Turns out it fixed the post back problem but broke the rest of my server side asp.Button controls on this page (after I issue the very first javascript command that is). I was playing around with one of my other sites and tried using a server side button that calls a validation javascript function. I got it to call the function but it acted quite similar to this issue in that it would either call the function but still issue the post back to the server each time (without having button.postbackurl="javascript:;";) or would call the function but then never actually post back once the validation boolean was set to true (button.postbackurl="javascript:;"; The only way I've found around this so far is to not use an asp.net button control and just create the <input type="button" value="submit" onclick="validateForm();" />, but that only works with the static pages. I've been googling it for the past day now, but any documentation or references I find give me the impresion that it should just work. Have you ever run into an issue like this? I'm thinking there's a parameter that I'm overlooking, but I can't find it. I've tried setting button.UseSubmitBehavior = true; and / or button.CausesValidation = false; but they just end up causing required validation problems.

Knowledge is not power, however, the acquisition and appropriate application of knowledge can make you a very powerful individual.

Re: gridview buttons and client side scripting

Abhishek Sur10-Sep-09 0:39

Abhishek Sur

10-Sep-09 0:39

yes. .For <asp:button use

btn.Attributes.Add("onclick", "javascript:");

this is the best option to have client side event. Otherwise in the designer you might use

onClientClick="javascript:"

Cool | :cool:

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Re: gridview buttons and client side scripting

compninja2510-Sep-09 2:51

compninja25

10-Sep-09 2:51

dang..it is calling the javascript but still issuing the post back to the server and throwing a validation error. I did view the source and I believe the problem lies in the fact that all of the buttons are of type "submit". Is there a way I can programatically change them to type="button" instead? I tried button.Attributes.Add("type", "button") but they are still ending up in the browser as type="submit". Doesn't make any sense. I've seen a ton of forums and articles now indicating that what you've suggested should just work.
[UPDATE] It dawned on me that it was probably because I never changed the UseSubmitBehavior parameter on the button. If I change this to false, then the javascript fires without trying to submit, however it is still posting back and refreshing the page, causing my javascript changes to dissapear during the server's page load. The only way I've found so far to keep the page from refreshing is adding the PostBackURL parameter, but if I do that then all of my buttons on the page seem to "inherit" this and then they won't work. grr!

if (e.Row.RowType == DataControlRowType.DataRow)
           {
               Label lb1 = (Label)e.Row.FindControl("label1");
               Button btminus = (Button)e.Row.FindControl("minus_qty");
               btminus.UseSubmitBehavior = false;
               btminus.Attributes.Add("onclick", "javascript:decreaseQuantity('" + lb1.ClientID + "');");
               Button btplus = (Button)e.Row.FindControl("plus_qty");
               btplus.UseSubmitBehavior = false;
               btplus.Attributes.Add("onclick", "javascript:increaseQuantity('" + lb1.ClientID + "');");
           }

Knowledge is not power, however, the acquisition and appropriate application of knowledge can make you a very powerful individual.

Document elements have no IDs

Lonnie Raffray4-Sep-09 8:04

Lonnie Raffray

4-Sep-09 8:04

I am trying to write some client-side script from the code behind page using the RegisterStartupScript method of the ClientScriptManager. The script is trying to add an OnChange event handler for an asp:DropDownList control. I am using the ClientID property of the DropDownList in the script. The script is not working. When I tried stepping through the document.all collection to see if the proper ID was being generated, I found that NONE of the elements in the document.all collection had an ID, even though all of the controls on this aspx page have IDs assigned. It appears the IDs assigned in the aspx page are not being passed on to the client's html page. I am using a MasterPage, but this particular control is in the content page, not the MasterPage. What is going on here?

Re: Document elements have no IDs

Abhishek Sur4-Sep-09 9:35

Abhishek Sur

4-Sep-09 9:35

I think you must use dropdown.ClientID to get that ..

Can you post the code you pass as script in RegisterStartupScript... so that I could clarify where you are wrong... Blush | :O

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Re: Document elements have no IDs

Lonnie Raffray4-Sep-09 9:37

Lonnie Raffray

4-Sep-09 9:37

Thanks. But since I posted that message, I found the problem. It had to do with some hidden fields on the form. Thanks anyway.

Re: Document elements have no IDs

Abhishek Sur4-Sep-09 9:39

Abhishek Sur

4-Sep-09 9:39

Great to see you solved yourself.

Thumbs Up | :thumbsup:

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Link button inside the Gridview

Vimalsoft(Pty) Ltd4-Sep-09 4:13

Vimalsoft(Pty) Ltd

4-Sep-09 4:13

Good Day

its Friday and am Tired. i request your assistance here

Am binding a grid with RRS info. now there is a Field that Displays the URL and a i made it to display a Hyperlink in that field like this

<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton ID="lnkUserID" runat="server" NavigateUrl='<%# Eval("Link")%>'  Text='<%#Eval("Link") %>'>
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>

Now it appears as a link, Good, but the Problem is that when i click the link it does not navigate to the URL.

Thanks

Vuyiswa Maseko,

Few companies that installed computers to reduce the employment of clerks have realized their expectations.... They now need more and more expensive clerks even though they call them "Developers" or "Programmers."

C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa@its.co.za
http://www.itsabacus.co.za/itsabacus/

modified on Friday, September 4, 2009 10:23 AM

Re: Link button inside the Gridview

Blue_Boy4-Sep-09 5:45

Blue_Boy

4-Sep-09 5:45

Vuyiswa Maseko wrote:
when i click the link it does not navigate to the URL

Which URL get opened after you click on link?
Show us how you are saving url in table.

I Love T-SQL
"Don't torture yourself,let the life to do it for you."
If my post helps you kindly save my time by voting my post.

www.aktualiteti.com

Re: Link button inside the Gridview

Vimalsoft(Pty) Ltd6-Sep-09 20:12

Vimalsoft(Pty) Ltd

6-Sep-09 20:12

Thank you

this did the Trick

<asp:TemplateField HeaderText ="Link">
<ItemTemplate>
 <asp:HyperLink ID="linkurl" runat = "server" NavigateUrl ='<%# Eval("Link")%>' Target ="_blank"  Text='<%# Eval("Link")%>'></asp:HyperLink>
 </ItemTemplate>
</asp:TemplateField>

Re: Link button inside the Gridview

Abhijit Jana4-Sep-09 6:59

Abhijit Jana

4-Sep-09 6:59

In RowDataBound of Grid, Use FindControl to identify the GridColumn and use, control.attributes.add(), to add the link.

This will do the job !

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Re: Link button inside the Gridview

Vimalsoft(Pty) Ltd6-Sep-09 20:13

Vimalsoft(Pty) Ltd

6-Sep-09 20:13

Thank you these did the Trick

<asp:TemplateField HeaderText ="Link">
<ItemTemplate>
 <asp:HyperLink ID="linkurl" runat = "server" NavigateUrl ='<%# Eval("Link")%>' Target ="_blank"  Text='<%# Eval("Link")%>'></asp:HyperLink>
 </ItemTemplate>
</asp:TemplateField>

Thanks For your reply

Re: Link button inside the Gridview

Abhishek Sur4-Sep-09 8:02

Abhishek Sur

4-Sep-09 8:02

You are using server tag for Server Side LinkButton... this is weird.
Always remember, the server side properties doesnt render to the client, so if you see your browser, the anchor tag will not hold the NavigateUrl Property..

So either you use <a > tag directly here and place href='<%# Eval("Link")%>'... or use RowDataBound Event of the GridView.

Inside RowDataBound Event use:

LinkButton lnk = e.item.FindControl("lnkUserID") as LinkButton;
lnk.NavigateUrl = DataBinder.Eval(e.item.DataItem, "Link") as string;

Hope you got what you need. ...

Cheers. Thumbs Up | :thumbsup:

Abhishek Sur

My Latest Articles
Create CLR objects in SQL Server 2005
C# Uncommon Keywords
Read/Write Excel using OleDB
Don't forget to click "Good Answer" if you like to.

Re: Link button inside the Gridview

Vimalsoft(Pty) Ltd6-Sep-09 20:13

Vimalsoft(Pty) Ltd

6-Sep-09 20:13

Thank you these did the Trick

<asp:TemplateField HeaderText ="Link">
<ItemTemplate>
 <asp:HyperLink ID="linkurl" runat = "server" NavigateUrl ='<%# Eval("Link")%>' Target ="_blank"  Text='<%# Eval("Link")%>'></asp:HyperLink>
 </ItemTemplate>
</asp:TemplateField>

Thanks For your reply

Re: Link button inside the Gridview

CrazyCoder265-Sep-09 0:31

CrazyCoder26

5-Sep-09 0:31

use Hyperlink instead

CC26

Re: Link button inside the Gridview

Vimalsoft(Pty) Ltd6-Sep-09 20:14

Vimalsoft(Pty) Ltd

6-Sep-09 20:14

Thank you

this did the Trick

<asp:TemplateField HeaderText ="Link">
<ItemTemplate>
 <asp:HyperLink ID="linkurl" runat = "server" NavigateUrl ='<%# Eval("Link")%>' Target ="_blank"  Text='<%# Eval("Link")%>'></asp:HyperLink>
 </ItemTemplate>
</asp:TemplateField>

Thanks

User visit stats...

Abbas_here4-Sep-09 3:20

Abbas_here

4-Sep-09 3:20

Hi ...

I need to create a hit counter page of our website by which i can see statistic of our website user as daily basis, monthly and weekly basis..

Thnaks,
Abbas

Re: User visit stats...

Blue_Boy4-Sep-09 5:55

Blue_Boy

4-Sep-09 5:55

Create one table with columns: ID,HintCounter,Date and in every page load of masterpage update value by one in table.

I Love T-SQL
"Don't torture yourself,let the life to do it for you."
If my post helps you kindly save my time by voting my post.

www.aktualiteti.com

Re: User visit stats...

Jay Royall4-Sep-09 6:26

Jay Royall

4-Sep-09 6:26

Do you want to track hits or visits because they are 2 very different things?

Re: User visit stats...

Abhijit Jana4-Sep-09 7:01

Abhijit Jana

4-Sep-09 7:01

What about using Google Analytics[^] ?

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.