Ext.Net 学习随笔 002 默认按钮

Posted 2020-07-30

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ext.Net 学习随笔 002 默认按钮相关的知识，希望对你有一定的参考价值。

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

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

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

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

X.FormPanel()
    .DefaultButton(‘2‘)
    .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(5)
                .Items(
                    X.TextField().FieldLabel("项目 1")
                )
                .Buttons(
                    X.Button().Text("按钮 1"),
                    X.Button().Text("按钮 2").OnClientClick("Ext.Msg.alert(‘缺省设置‘,‘我是按钮 2‘);")
                ),
            X.FormPanel()
                .Title("指定第二个按钮为默认按钮,以数字0开始计算")
                .BodyPadding(5)
                .DefaultButton("1")
                .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(5)
                .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(5)
                .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 默认按钮的主要内容，如果未能解决你的问题，请参考以下文章

Ext.Net 学习随笔

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

中医学习记录002——《重庆堂随笔》

Ext.Net学习笔记20：Ext.Net FormPanel 复杂用法

Ext.Net学习笔记05：Ext.Net DirectEvents用法详解

Ext.Net学习笔记13：Ext.Net GridPanel Sorter用法