Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2007-11-26
5
Medium Priority
?
659 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

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

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.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
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…

722 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