zoukankan      html  css  js  c++  java
  • ToggleButton(双模按钮)控件

    功能:
        ToggleButtonExtender控件用于扩展CheckBox控件,以图形方式来显示。
    属性:
        CheckedImageAlternateText:选中CheckBox中图像的替换文本。
        CheckedImageUrl:选中CheckBox中图像的路径。
        UncheckedImageAlternateText:未选中CheckBox中图像的替换文本。
        UncheckedImageUrl:未选中CheckBox中图像的路径。
        ImageHeight:图像的高度。
        ImageWidth:图像的宽度。
        TargetControlID:该控件的目标控件。

    代码实例:
     <form id="form1" runat="server">
        
    <div>
            
    <asp:ScriptManager ID="ScriptManager1" runat="server">
            
    </asp:ScriptManager>
        
    </div>
        
        
    <table>
            
    <tr>
                
    <td height="50" vAlign="bottom">请问您的性别是:
                
    </td>
                
    <td><asp:CheckBox ID="chkGender" runat="server" />
                    
    <ajaxToolkit:ToggleButtonExtender ID="tbeGender" runat="server"
                        TargetControlID
    ="chkGender" CheckedImageAlternateText="男生"
                        CheckedImageUrl
    ="Images/Boy.gif"
                        ImageHeight
    ="48" ImageWidth="48"
                        UncheckedImageAlternateText
    ="女生"
                        UncheckedImageUrl
    ="Images/Girl.gif">
                    
    </ajaxToolkit:ToggleButtonExtender>
                
    </td>
            
    </tr>
            
    <tr>
                
    <td height="50" vAlign="bottom">您今天的心情如何:
                
    </td>
                
    <td><asp:CheckBox ID="chkMood" runat="server" />
                    
    <ajaxToolkit:ToggleButtonExtender ID="tbeMood" runat="server"
                        TargetControlID
    ="chkMood" CheckedImageAlternateText="好心情"
                        CheckedImageUrl
    ="Images/Smile.gif" 
                        ImageHeight
    ="48" ImageWidth="48"
                        UncheckedImageAlternateText
    ="心情差"
                        UncheckedImageUrl
    ="Images/Sad.gif">
                    
    </ajaxToolkit:ToggleButtonExtender>      
                
    </td>
            
    </tr>
            
    <tr>
                
    <td colspan="2" align="center" height="50" vAlign="bottom">
                    
    <asp:Button ID="btnSend" runat="server" Text="送出" onclick="btnSend_Click" />
                
    </td>
            
    </tr>
        
    </table>
            
        
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            
    <ContentTemplate>
                
    <asp:Label ID="lblMessage" runat="server"></asp:Label>
            
    </ContentTemplate>
            
    <Triggers>
                
    <asp:AsyncPostBackTrigger ControlID="btnSend" EventName="Click" />
            
    </Triggers>
        
    </asp:UpdatePanel>

        
    </form>
    </body>
     添加送出按钮事件:
        protected void btnSend_Click(object sender, EventArgs e)
        
    {
            
    if (IsPostBack)
            
    {           
                
    string gender  = this.chkGender.Checked ? "男生""女生";
                
    string mood =this.chkMood.Checked? "拥有好心情,整天都愉快!""不要那么沮丧,振作点!";
                
    this.lblMessage.Text = "您是" + gender +"<br>"+mood;
           
            }

        }

    运行结果:
            
    单击 心情后面的图片后,如下:
            
  • 相关阅读:
    用批处理来启动/停止SQL SERVER 2005的服务 【转载】
    c#命名法 【转】
    oracle 隐式游标,显示游标,游标循环,动态SELECT语句和动态游标,异常处理,自定义异常【转载】
    fetch bulk collect into 批量效率的读取游标数据 【转载】
    Oracle 外连接和 (+)号的用法 【转载】
    如何在Oracle中复制表结构和表数据 【转载】
    Oracle 小知识点
    VSS 2005 配置(含录像) 【转载】
    json 详解 【转】
    .NET 2.0 使用最新版的JSON.net 进行反序列化 【转载】
  • 原文地址:https://www.cnblogs.com/abcdwxc/p/959222.html
Copyright © 2011-2022 走看看