how to visible a control while selecting an value from radcombobox on which event of a radcombobox i have to write a javascript

Question

1.00/5 (2 votes)

See more:

Telerik

Actually i want to display the send button after selecting the value in combobox is it possible

Posted 1-Jul-13 2:23am

ntitish

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prasad Khandekar · Accepted Answer · 2013-07-01T02:41:00

Solution 1

Hello,

For RadCombobox you do it following way.

HTML

<script language="javascript" type="text/javascript">
    function OnClientSelectedIndexChanged(sender, eventArgs) {
        var item = eventArgs.get_item();
        if (item.get_text() === "SOME VALUE") {
            var btn = document.getElementById("YOUR BUTTON ID");
            btn.className = 'show_button';
        }
    }
</script>

<telerik:radcombobox 
    id="RadComboBox1" 
    runat="server" 
    onclientselectedindexchanged="OnClientSelectedIndexChanged">
</telerik:radcombobox>l;

Your button will be initially hidden. This can be easily achieved by applying a CSS rule. When user selects a value you then apply a new CSS Rule which makes it visible. Following samples shows the CSS rules.

HTML

<style type="text/css">
.hidden_button { visibility: hidden; }
.show_button { visibility: visible; }
</style>

Regards,

Posted 1-Jul-13 2:41am

Prasad Khandekar

Updated 1-Jul-13 3:09am

v2

Comments

ntitish 1-Jul-13 9:02am

My rad combobox

<telerik:RadComboBox ID="cmbUsers" runat="server"
Width="75%" Filter="Contains"
Font-Size="14pt"
EmptyMessage="Search for contact..." OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">

<itemtemplate>

<asp:Label ID="lbluser" runat="server" Text='<%# Eval("UserName") %>' Font-Size="Large" >

SendButton

<asp:Button ID="btnsend" TabIndex="3" runat="server"
Text="Send" CssClass="da-button blue" Visible="false" Height="32px" Font-Bold="true"
Font-Size="12pt" Width="65px" onclick="btnsendclick" />

Prasad Khandekar 1-Jul-13 9:10am

Hello Nitish,

Please Check the updated solution.

Regards,

ntitish 1-Jul-13 9:28am

After modifying i writen my code like below but it is not executing

.hidden_button { visibility: hidden; }
.show_button { visibility: visible; }

function OnClientSelectedIndexChanged(sender, eventArgs) {
var item = eventArgs.get_item();
if (item.get_text() === "") {
var btn = document.getElementById("btnSearch");
btn.className = 'show_button';
}

<telerik:RadComboBox ID="cmbUsers" runat="server"
Width="75%" Filter="Contains"
Font-Size="14pt"
EmptyMessage="Search for contact..." OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">

<itemtemplate>

<asp:Label ID="lbluser" runat="server" Text='<%# Eval("UserName") %>' Font-Size="Large" >

<asp:Button ID="btnSearch" TabIndex="3" runat="server"
Text="Send" CssClass="hidden_button" Height="32px" Font-Bold="true"
Font-Size="12pt" Width="65px" onclick="btnSearch_Click" />

Prasad Khandekar 1-Jul-13 9:32am

What's happening?

ntitish 1-Jul-13 23:46pm

No change sir,by default it is in hide position but when i select any item in the combobox it should display the button but it is not displaying i had a dought in this line

if (item.get_text() === "SOME VALUE")

instead of "SOME VALUE" what should i pass.....

ntitish 1-Jul-13 23:55pm

if (item.get_text() !== "")
After writing like above line i am getting unable to find Classname
in this line error is coming
btn.className = 'show_button';

ntitish 2-Jul-13 0:07am

Its working sir but to find the control id i writen like this
var btn = document.getElementById('<% =btnSearch.ClientID%>');

ntitish 2-Jul-13 0:08am

Once again thanks sir....

Prasad Khandekar 2-Jul-13 1:31am

Well done Nitish!