如何从VB.NET背后的代码控制可见性

Question

I'm having a problem: I have a RadComboBox on Client Side if the user select a value that coming from the DB I'm showing tr and RadDateTimePicker with the current date and time. The thing is after I'm saving the form I'm disabling all the controls on the form the problem is after I'm saving the tr is disappearing but I have all the rest of the controls. How can I prevent that from happened????? (the initial behavior is not to show the tr unless the user selecting a value from the RadComboBox)

ASPX code:

<tr>
    <td class="GeneralFontShape" style="height:15px; vertical-align:top; border: 0px solid red;">
        Status:
    </td>
    <td class="GeneralFontShape" style="height:15px; border: 0px solid red; vertical-align:top;">
        <telerik:RadComboBox runat="server" ID="rcbStatus" Width="250px" CheckBoxes="False" TabIndex="10" Enabled="True" EmptyMessage="Select Status" OnClientSelectedIndexChanged="StatusCheck"></telerik:RadComboBox>        
    </td>

<tr id="EndingTime" style="visibility:hidden;">
     <td class="GeneralFontShape" style="height:15px; vertical-align:top; border: 0px solid red;" >
       <div id="divEndingTime" runat="server" visible="true"> Ending Time:</div> 
    </td>
    <td class="GeneralFontShape"  style="height:15px; border: 0px solid red; vertical-align:top;">
    <div id="divrdtpEndingTime" runat="server" visible="true">
       <telerik:RadDateTimePicker ID="rdtpEndingTime" runat="server" AutoPostBack="False" Visible="true"
            DateInput-Width="170px" onkeypress="return isNumberKey(event)" Width="250px" Culture="en-US">
            <TimeView ID="TimeView2" runat="server" CellSpacing="-1"></TimeView>
            <TimePopupButton HoverImageUrl="" ImageUrl="" />
            <Calendar ID="Calendar1" runat="server" EnableKeyboardNavigation="true" >
                <SpecialDays>
                    <telerik:RadCalendarDay Repeatable="Today" Date="" ItemStyle-BackColor="lightblue"></telerik:RadCalendarDay>
                </SpecialDays>                                       
            </Calendar>
            <DateInput ID="DateInput3" runat="server" ToolTip="Date input" LabelWidth="60px">                                        
                <EnabledStyle Width="150px" />                                        
            </DateInput>
            <DatePopupButton HoverImageUrl="" ImageUrl="" />
        </telerik:RadDateTimePicker> 
        </div>
    </td>
</tr> 

JS Code:

    function StatusCheck(sender, args) {
    var status = $find("<%= rcbStatus.ClientID %>");
    var datePickerEndingTime = $find("<%= rdtpEndingTime.ClientID %>");
//  var EndingTime = datePickerEndingTime.get_selectedDate();
    var item = status.get_text();
    if (item == "Close") {
        document.getElementById('EndingTime').style.visibility = 'visible'
        datePickerEndingTime.set_visible(true);
        var nowDate = new Date();
        datePickerEndingTime.set_selectedDate(nowDate)
    } else {
        document.getElementById('EndingTime').style.visibility = 'hidden'
        datePickerEndingTime.set_visible(false);
    }
}

Answer 1

use a style sheet class to make the TR visible or invisible and in your javascript change this behavior as below:

Your style sheet class:

  .hidden { display: none !important; visibility: hidden !important; } 

Your TR element:

 <tr id="EndingTime" class="hidden"> 

Your JQuery code: (you need jquery to use the code below)

 function StatusCheck(sender, args) { ..... if (item == "Close") { $("#EndingTime").removeClass("hidden"); .... }else { $("#EndingTime").addClass("hidden"); .... } } 

and you can do the same thing for the rest of your elements as well.