Solved

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

Posted on 2007-11-26
5
649 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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:Oliver Amaya
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
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…

739 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