ASP.NET

4-Sep-09 9:28

Hi everyone!

I'm working with a data grid and I would like to tie in some javascript. I have a field with a label that will have a numerical value. Two buttons are also in this cell and I want one to increase that number and the other to decrease it. Is there a way during the grid.databind event that I can add the client side onclick event to the buttons which will in turn be able to find the current row's label control client ID? This way, I can have each button call a single javascript function but pass it the row's label control that I want it to affect. I've done this before with static controls on the page, but I'm not sure how to start this one because (I'm assuming) each label on the gridview will have a different client side ID.

Thanks!

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

Abhishek Sur4-Sep-09 9:48

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.

compninja254-Sep-09 9:50

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.

Abhishek Sur4-Sep-09 11:16

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.

compninja258-Sep-09 3:29

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.

Abhishek Sur8-Sep-09 10:59

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.

compninja259-Sep-09 10:19

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.

Abhishek Sur10-Sep-09 0:39

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.

compninja2510-Sep-09 2:51

Document elements have no IDs

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.

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

Re: Document elements have no IDs

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.

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

Link button inside the Gridview

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.

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

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

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

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

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>

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.

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

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

Abhishek Sur4-Sep-09 8:02

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.

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

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

CrazyCoder265-Sep-09 0:31

CrazyCoder26

5-Sep-09 0:31

use Hyperlink instead

CC26

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