在FormPanel中按回车按键，会触发默认按钮的click事件。设置方法为在FormPanel中设置DefaultButton属性，如果没有设置这个属性，默认为最后一个按钮。

1.缺省最后一个按钮为默认按钮

X.FormPanel()
    .Buttons(
        X.Button().Text('第一个按钮'),
        X.Button().Text('默认按钮').OnClientClick("Ext.Msg.alert('回车默认触发的事件','触发的按钮为最后一个按钮')")
    )

2.以数字编号指点默认按钮

X.FormPanel()
    .DefaultButton(')
    .Buttons(
        X.Button().Text('第一个按钮'),
        X.Button().Text('默认按钮').OnClientClick("Ext.Msg.alert('回车默认触发的事件','触发的按钮为最后一个按钮')") ，
        X.Button().Text('第三个按钮')
    )

3.用ID指定默认按钮

X.FormPanel()
    .DefaultButton('button 2')
    .Buttons(
        X.Button().Text('第一个按钮'),
        X.Button().ID('button 2').Text('默认按钮').OnClientClick("Ext.Msg.alert('回车默认触发的事件','触发的按钮为最后一个按钮')") ，
        X.Button().Text('第三个按钮')
    )

4.用选择器指定默认按钮

X.FormPanel()
    .DefaultButton('button[text=默认按钮]')
    .Buttons(
        X.Button().Text('第一个按钮'),
        X.Button().Text('默认按钮').OnClientClick("Ext.Msg.alert('回车默认触发的事件','触发的按钮为最后一个按钮')") ，
        X.Button().Text('第三个按钮')
    )

视图的完整代码如下所示

@using Ext.Net;
@using Ext.Net.MVC;
@{
    Layout = null;
    var X = Html.X();
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>默认按钮</title>
</head>
<body>
    @X.ResourceManager();
    @(X.Container()
        .Layout(LayoutType.VBox)
        .Items(
            X.FormPanel()
                .Title("缺省默认按钮为最后一个按钮")
                .BodyPadding()
                .Items(
                    X.TextField().FieldLabel("项目 1")
                )
                .Buttons(
                    X.Button().Text("按钮 1"),
                    X.Button().Text("按钮 2").OnClientClick("Ext.Msg.alert('缺省设置','我是按钮 2');")
                ),
            X.FormPanel()
                .Title("指定第二个按钮为默认按钮,以数字0开始计算")
                .BodyPadding()
                .DefaultButton(")
                .Items(
                    X.TextField().FieldLabel("项目 1")
                )
                .Buttons(
                    X.Button().Text("按钮 1"),
                    X.Button().Text("按钮 2").OnClientClick("Ext.Msg.alert('按索引指定默认按钮','我是按钮 2');"),
                    X.Button().Text("按钮 3")
                ),
            X.FormPanel()
                .Title("指定Id为button2的按钮为默认按钮")
                .BodyPadding()
                .DefaultButton("button2")
                .Items(
                    X.TextField().FieldLabel("项目 1")
                )
                .Buttons(
                    X.Button().Text("按钮 1"),
                    X.Button().ID("button2").Text("按钮 2").OnClientClick("Ext.Msg.alert('按Id指定默认按钮','我是按钮 2');"),
                    X.Button().Text("按钮 3")
                ),
            X.FormPanel()
                .Title("以选择器指定默认按钮，指定Text属性为 按钮 2 的按钮为默认按钮")
                .BodyPadding()
                .DefaultButton("button[text=按钮 2]")
                .Items(
                    X.TextField().FieldLabel("项目 1")
                )
                .Buttons(
                    X.Button().Text("按钮 1"),
                    X.Button().Text("按钮 2").OnClientClick("Ext.Msg.alert('按选择器指定默认按钮','我是按钮 2');"),
                    X.Button().Text("按钮 3")
                )

        ) //end items
    )<!-- end container -->

</body>
</html>

Ext.Net 学习随笔 002 默认按钮的更多相关文章

  1. Ext.Net 学习随笔 003 超链接按钮

    HyperlinkButton() 1.不带图标的普通超链接按钮 @(X.HyperlinkButton() .Text("简单样式") .OnClientClick(" ...

  2. Ext.Net 学习随笔 001 安装Ext.Net

    Ext.Net版本:4.1.0 Ext.Net官网:ext.net Ext.Net官方演示:mvc.ext.net Ext.Net MVC Example 下载:github.com/extnet/E ...

  3. Ext.Net 学习随笔 003 Panel基本使用

    Panel() 1.使用Content和Html属性设置Panel内容 前台View代码 @(X.Panel() .ID("panel1") .Width() .Height() ...

  4. 【Ext.Net学习笔记】06：Ext.Net GridPanel的用法（GridPanel 折叠/展开行、GridPanel Selection、 可编辑的GridPanel）

    GridPanel 折叠/展开行 Ext.Net GridPanel的行支持折叠/展开功能,这个功能个人觉得还说很有用处的,尤其是数据中包含图片等内容的时候. 下面来看看效果: 使用行折叠/展开功能之 ...

  5. 【Ext.Net学习笔记】05：Ext.Net GridPanel的用法（包含Filter、Sorter、Grouping、汇总(Summary)的用法）

    GridPanel是用来显示数据的表格,与ASP.NET中的GridView类似. GridPanel用法 直接看代码: <ext:GridPanel runat="server&qu ...

  6. 【Ext.Net学习笔记】04：Ext.Net中使用数据、Ext.Net Store的用法、Ext.Net ComboBox用法

    之前的几篇文章都是介绍Ext.Net较为基础的东西,今天的这一篇将介绍数据的一些用法,包括XTemplate绑定数据.Store(Modal.Proxy).ComboBox的用法等. XTemplat ...

  7. 【Ext.Net学习笔记】03：Ext.Net DirectEvents用法详解、DirectMethods用法详解

    Ext.Net通过DirectEvents进行服务器端异步的事件处理.[Ext.Net学习笔记]02:Ext.Net用法概览.Ext.Net MessageBus用法.Ext.Net布局 中已经简单的 ...

  8. 【Ext.Net学习笔记】02：Ext.Net用法概览、Ext.Net MessageBus用法、Ext.Net布局

    Ext.Net用法概览 Ext.Net还是很强大,如果运用熟练可以极大的提高编程效率.如果你也要学习Ext.Net,原文博主推荐书籍:<Ext.Net Web 应用程序开发教程>,是英文的 ...

  9. 【Ext.Net学习笔记】01：在ASP.NET WebForm中使用Ext.Net

    Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite. 下载地址:http:// ...

随机推荐

  1. ubuntu13.04下建立嵌入式开发平台

    linux下建立嵌入式交叉开发平台,需要三个基本部分:编辑工具.交叉工具链以及平台相关库. 一.编辑工具: 一般Linux系统本身都带有编辑工具,比如VI.VIM.gedit等.这里记录的是第三方编辑 ...

  2. 2013年最棒的4个PHP框架

    PHP 框架可以帮你编写简洁可重用的代码,遵循 MVC 模式,确保应用逻辑和展现分离.有很多很多的框架各有千秋,有的性能好,有的文档全,还有的提供大量的内建功能等等. 这里我们罗列的 2013 年最好 ...

  3. iOS App 获取从后台返回前台时的页面

    产品美美的给小伙伴提了一个需求,当程序从后台进入前台时,如果是指定的页面,则弹出提示框. 大家首先想到的方法就是通过 AppDelegate.h 进行控制,相对复杂的步骤就是 在程序进入后台时对当前页 ...

  4. linux tar命令的使用

    tar格式,会打包成一个文件,可以对多个目录,或者多个文件进行打包 tar命令只是打包,不会压缩,打包前后大小是一样的 tar命令 -c    //打包 -x    //解压 -f    //指定文件 ...

  5. Maven联网问题

    关于Maven联网问题 关于如何找到Maven默认的本地仓库问题 修改Maven默认本地仓库 找到 <localRepository>/path/to/local/repo</loc ...

  6. Object.notifyAll()

    void java.lang.Object.notifyAll() Causes all threads which are waiting on this object's monitor (by ...

  7. C语言程序设计第8堂作业

    一.本次课主要内容: 本次课通过以下两个知识点来完成: (1)以数字金字塔为例,介绍函数的另一种形式,即不返回结果的函数.不返回结果的函数在定义.调用.参数传递.函数声明上,思路完全与以前相同,只是函 ...

  8. Linux系统性能分析

    http://c.biancheng.net/cpp/html/2782.htmlLinux系统性能分析 这篇教程的目的是向大家介绍一些免费的系统性能分析工具(命令),使用这些工具可以监控系统资源使用 ...

  9. Javascript运动基础

    javascript的运动非常实用,通过控制需要运动块的实际距离与要到达的距离的关系,结合定时器来控制小方块的各种运动. 运动框架 <!DOCTYPE html><html>& ...

  10. GUI

    容器:1.JWindow 2.JFrame 3.JDialogo 4.JApplet 边界布局管理: 布局方式:把整个容器划分为五个部分:东西南北中,南北要贯通,中间最大(不仅是范围,权利也最大), ...