zoukankan      html  css  js  c++  java
  • FineUI第五天---按钮控件

    按钮控件

       <x:Button runat="server" ID="按下" Text="按下"></x:Button>

    1.按钮的状态: Enabled、EnablePress、Pressed三个属性

    样式分别为: 

    2.按钮的图标:

     添加res目录。然后属性Icon选择枚举值。按钮图标的位置设置是IconAlign.

    3.按钮的事件:

    注意:如果希望在客户端通过JavaScript代码来处理按钮的点击事件,需要设置EnablePostBackOnClientClick两个属性,典型的代码如下所示:

    <ext:Button ID="btnClientClick" Text="客户端事件" OnClientClick="alert('这是客户端事件');" EnablePostBack="false" runat="server"> </ext:Button>

    在C#代码为按钮注册Js事件
    btnClientClick2.OnClientClick = Alert.GetShowInTopReference("这是在服务器端生成的客户端事件");


    在使用ASP.NET的按钮编程时,我们经常需要额外处理一个情况:防止按钮的重复提交!

    而这个特性已经内置在FineUI的按钮中,并且公开了一个属性DisableControlBeforePostBack(默认已经启用这个功能).

    看源码,是怎么实现的呢?


    4.按钮的表单验证:

    按钮的一个主要用途是提交表单,以前我们或许要写一堆JavaScript代码了验证每个表单控件,然后在点击按钮回发之前弹出错误提示框。在FineUI的应用场景中,我们只需要为每个控件设置验证规则,然后设置按钮需要验证哪个表单或者哪些表单,这是通过ValidateForms属性来实现的。

    如果需要验证多个表单,只需要将这些表单的ID以逗号分隔的形式设置到ValidateForms属性即可。可以查看这个示例页面。

    <ext:Button ID="btnSubmitAll" Text="验证两个表单并提交" runat="server" OnClick="btnSubmitAll_Click" ValidateForms="extForm1,extForm2" />

    如果你采用类似示例站点的IFrame框架结构,一定不要错过另一个属性ValidateTarget,它指定了错误提示框显示的位置,可以是本页面也可以是父页面


    5.带有菜单的按钮:

     

    6.工具栏上的按钮: 

     

    7.Confirm按钮 

    小结: 

    <x:ToolbarSeparator runat="server"></x:ToolbarSeparator>这个可以用作工具栏的分割符号;

  • 相关阅读:
    web.py利用模板的详细步骤
    Arduino入门笔记(9):蓝牙模块及第一辆蓝牙遥控小车
    Python常用模块之sys
    使用Supervisor管理Linux进程
    Python socket聊天室程序
    Ubuntu 文件文件夹查看权限和设置权限
    python遍历目录
    linux tail命令的使用方法详解
    Python使用openpyxl读写excel文件
    python中enumerate()的用法
  • 原文地址:https://www.cnblogs.com/duyao/p/4201753.html
Copyright © 2011-2022 走看看