Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

help with user control behavior

Posted on 2014-02-03
5
Medium Priority
?
525 Views
Last Modified: 2014-02-24
I have a main page that is an ascx user control and also has two sections that are user controls.  I need to be able to hide/show controls in one user control section based on the radio button choice of another user control section.  

The main page code is below it contains 2 user controls.

<%@ Control Language="c#" AutoEventWireup="false" Codebehind="WCNewClaim.ascx.cs" 
<%@ Register TagPrefix="uc1" TagName="WCHeaderInfo" Src="../Controls/WCHeaderInfo.ascx" %>
<%@ Register TagPrefix="uc1" TagName="WCEmployeeOccupation" Src="../Controls/WCEmployeeOccupation.ascx" %>

<TABLE id="Table1" cellSpacing="0" cellPadding="0" border="0">
	<TR>
		<TD><uc1:wcheaderinfo id="WCHeaderInfo1" runat="server"></uc1:wcheaderinfo></TD>
	</TR>
	
	<TR>
		<TD><uc1:wcemployeeoccupation id="WCEmployeeOccupation1" runat="server"></uc1:wcemployeeoccupation></TD>
	</TR>
</TABLE>

Open in new window


The user control sections are below.  RadiobuttonList.  When they click GL radio button I need to be able to hide or show textboxes in section two.
radiobutton user control
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="WCHeaderInfo.ascx.cs" Inherits=
<%@ Register TagPrefix="cc2" Namespace="RTI.WebControls.Safety.RadioButtonList" Assembly="RTIWebControlsSafety" %>


<cc2:safetywctype id="rdlCaseType" runat="server"></cc2:safetywctype>

Open in new window


textbox user control
 <%@ Control Language="c#" AutoEventWireup="false" Codebehind="WCEmployeeOccupation.ascx.cs" Inherits="
 <%@ Register TagPrefix="cc7" Namespace="RTI.WebControls.Driver.TextBox" Assembly="RTIWebControlsDriver" %>
 
 
 <cc7:SocialSecurityTextBox id="txtSSN" runat="server"></cc7:SocialSecurityTextBox>

Open in new window


I am not sure how to send values between two user controls hosted on a page that just so happens to be another user control.  My first thought was to use jquery to show or hide controls or perhaps there is another way I am just not sure.

If I need to provide more information to arrive at a solution I can.
0
Comment
Question by:hougie40
  • 4
5 Comments
 

Author Comment

by:hougie40
ID: 39832702
So far im able to trap the click at least.

But havent got the value showing in the alert.

  <script src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript">
       

        $('#<%= WCHeaderInfo1.rdlCaseType.ClientID %>').change(function () {
           var radioListID = ('<%= WCHeaderInfo1.rdlCaseType.SelectedValue %>');
            alert($(radioListID));
            //alert("hi");
           
        });
    </script>

Open in new window

0
 

Author Comment

by:hougie40
ID: 39832901
For example this doesnt even show an alert box.  Im just trying to trap the selection from the radio button list.  And then hide or show a text box elsewhere based on that choice.
But if I replace the alert below with just a simple alert("hi"); it works.
<div runat="server">
    <script src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript">
       
        $('#<%= WCHeaderInfo1.rdlCaseType.ClientID %>').click(function () {

            var selectedValue = $('#<%= WCHeaderInfo1.rdlCaseType.SelectedValue%>');
           
            alert(selectedValue);
          
           
        });
    </script>
 </div>

Open in new window


Here is the result.

alert
0
 

Author Comment

by:hougie40
ID: 39833027
I think I got it now.

<div runat="server">
    <script src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript">
       
        $('#<%= WCHeaderInfo1.rdlCaseType.ClientID %>').click(function () {
            
            
            var selectedValue = $('#<%= WCHeaderInfo1.rdlCaseType.ClientID %> input:radio:checked').val();

          
            alert(selectedValue);
          
           
        });
    </script>
 </div>

Open in new window



alert
0
 
LVL 11

Accepted Solution

by:
Mihai Stancescu earned 1500 total points
ID: 39834900
Hi,

1. You can use a server-side event on the custom control with the radio buttons (this resulting in a trip to the server for every radio change)
2. You can use jQuery to hide the controls after you get the value just as you did in the previous posts
3. You can use a client side javascript framework like Knockout, AngularJS, etc..


Regards,
Mishu
0
 

Author Closing Comment

by:hougie40
ID: 39883926
Thank you
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
Hello there! As a developer I have modified and refactored the unit tests which was written by fellow developers in the past. On the course, I have gone through various misconceptions and technical challenges when it comes to implementation. I would…
We’ve all felt that sense of false security before—locking down external access to a database or component and feeling like we’ve done all we need to do to secure company data. But that feeling is fleeting. Attacks these days can happen in many w…
Look below the covers at a subform control , and the form that is inside it. Explore properties and see how easy it is to aggregate, get statistics, and synchronize results for your data. A Microsoft Access subform is used to show relevant calcul…
Suggested Courses

876 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