zoukankan      html  css  js  c++  java
  • 在cs文件中控制控件的 css样式。


    首先在 aspx 的前台文件中:

    <script  type="text/javascript">
            function change(s)
            {
               
                switch(s)
                {
                 case "固定期限":
                document.getElementById("Panel1").style.display ="block";
                document.getElementById("Panel2").style.display ="none";
                document.getElementById("Panel3").style.display ="none";
                document.getElementById("Panel4").style.display ="none";
                document.getElementById("Panel5").style.display ="none";
                break;
                 case "完成一定任务":
                document.getElementById("Panel1").style.display ="none";
                document.getElementById("Panel2").style.display ="block";
                document.getElementById("Panel3").style.display ="none";
                document.getElementById("Panel4").style.display ="none";
                document.getElementById("Panel5").style.display ="none";
                break;
                 case "非全日制":
                document.getElementById("Panel1").style.display ="none";
                document.getElementById("Panel2").style.display ="none";
                document.getElementById("Panel3").style.display ="block";
                document.getElementById("Panel4").style.display ="none";
                document.getElementById("Panel5").style.display ="none";
                break;
                 case "用工协议":
                document.getElementById("Panel1").style.display ="none";
                document.getElementById("Panel2").style.display ="none";
                document.getElementById("Panel3").style.display ="none";
                document.getElementById("Panel4").style.display ="block";
                document.getElementById("Panel5").style.display ="none";
                break;
                case "劳务派遣":
                document.getElementById("Panel1").style.display ="none";
                document.getElementById("Panel2").style.display ="none";
                document.getElementById("Panel3").style.display ="none";
                document.getElementById("Panel4").style.display ="none";
                document.getElementById("Panel5").style.display ="block";
                break;
                        default:
                        break;
                }
            }
        </script>


    <table>
    <tr>
        <td height="30" style=" 214px">合同类型</td>
        <td>&nbsp;<asp:DropDownList ID="ddlcontract" runat="server" Width="131px"  onchange="change(this.value)">
            <asp:ListItem Value="固定期限">固定期限</asp:ListItem>
            <asp:ListItem Value="完成一定任务">完成一定任务</asp:ListItem>
            <asp:ListItem Value="非全日制">非全日制</asp:ListItem>
            <asp:ListItem Value="用工协议">用工协议</asp:ListItem>
            <asp:ListItem Value="劳务派遣">劳务派遣</asp:ListItem>
            </asp:DropDownList>                     
        </td>
        <td>&nbsp;</td>
      </tr>
    </table>

    <asp:Panel ID="Panel1" runat="server" style="display:none" Height="30px" Width="125px">
    <asp:Panel ID="Panel2" runat="server" style="display:none" Height="30px" Width="125px">
    <asp:Panel ID="Panel3" runat="server" style="display:none" Height="30px" Width="125px">
    <asp:Panel ID="Panel4" runat="server" style="display:none" Height="30px" Width="125px">
    <asp:Panel ID="Panel5" runat="server" style="display:none" Height="30px" Width="125px">

    --------------------------------------------
    如果想要在 .CS 文件中写 panel 的 css 样式则需要这样写
    .aspx.CS

    this.Panel3.Style.Add("display", "block");  

    --------------------------------------------

    如果写成  this.Panel3.Visible = true; 则对前台 style="display:none" 的控件不起作用。
  • 相关阅读:
    python简单的游戏场景代码
    ZooKeeper应用场景
    Zookeeper配置文件中的配置项解释和Zookeeper的安装
    MapReduce的手机流量统计的案例
    java和js获取当前天之后或之前7天(任意)日期
    JDK中ThreadDump诊断Java代码中的线程死锁问题
    Java代码调用Oracle的存储过程,存储函数和包
    Oracle的卸载过程步骤
    JDK中ConcurrentHashMap效率测试
    JDK提供的四种线程池代码详解
  • 原文地址:https://www.cnblogs.com/tiger8000/p/1116650.html
Copyright © 2011-2022 走看看