Solved

Getting a user control's property's value on the client side

Posted on 2007-11-26
5
642 Views
Last Modified: 2010-05-18
Hello,

I am creating a c# asp.net ascx control which I want to use in my applications.
The control has a textbox and 2 images and a  property "UpDownMaxValue" which I would like to get its value on the client side, when clicking one of the images.

 I know I can get the control's value, for example,  by using:
document.getElementById('<%= txtUpDown.ClientID %>').value

How can I get the "UpDownMaxValue" on client side?

Thank you

ascx code

----------
 

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="updown.ascx.cs" Inherits="ControlsTests.updown" %>

<script language="javascript">

    function increment()

    {

       var currentVal = document.getElementById('<%= txtUpDown.ClientID %>').value

       if(!isNaN(parseInt(currentVal)))

       {

            document.getElementById('<%= txtUpDown.ClientID %>').value = Number(currentVal) + 1;

       }

    }

    

    function decrement()

    {

       var currentVal = document.getElementById('<%= txtUpDown.ClientID %>').value

       if(!isNaN(parseInt(currentVal)))

       {

            document.getElementById('<%= txtUpDown.ClientID %>').value = Number(currentVal) - 1;

       }

    }

</script>
 

<table>

    <tr>

        <td>

            <asp:TextBox ID="txtUpDown" runat="server" Width="30px"></asp:TextBox>

             <img src="images/arrUp.gif" onclick="javascript:increment()" style="position:relative; left: -4px; top: -8px;" />

             <img src="images/arrDown.gif" onclick="javascript:decrement()" style="position:relative; left: -19px; top: 3px;"/>

        </td>

    </tr>

</table>
 

cs code

--------

 public int UpDownMaxValue

        {

            get

            {

                return this.MaxVal;

            }

            set

            {

                this.MaxVal = value;

            }

        }

Open in new window

0
Comment
Question by:Relegence
5 Comments
 
LVL 17

Expert Comment

by:gops1
ID: 20349073
Is it not possible to get the maxvalue to a javascript variable
var a=<%=UpDownMaxValue%>
This just a rough idea since I am not sure about ASP
0
 
LVL 10

Expert Comment

by:joex911
ID: 20349537
Hi, the way to get a property is by using the following syntax: UserControlClientID:PropertyName

Try this and see if it works:
var currentVal = document.getElementById('this:UpDownMaxValue').value;

Open in new window

0
 

Accepted Solution

by:
Relegence earned 0 total points
ID: 20349626
joex911: - I got an "Object Required" error message
It got it working by sending the value of the parameter i needed in the call to the javascript function -
onclick="javascript:increment('<%= txtUpDown.ClientID %>', <%=MaxVal%>)"

MaxVal is a protected variable in the code behind which was set using the property's "set" method.
That is what solved the problem
0
 
LVL 1

Expert Comment

by:modus_operandi
ID: 20588038
Closed, 400 points refunded.
modus_operandi
EE Moderator
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Exception Handling is in the core of any application that is able to dignify its name. In this article, I'll guide you through the process of writing a DRY (Don't Repeat Yourself) Exception Handling mechanism, using Aspect Oriented Programming.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now