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

Posted 2020-07-30

tags:

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

HyperlinkButton()

1.不带图标的普通超链接按钮

技术分享

@(X.HyperlinkButton()
    .Text("简单样式")
    .OnClientClick("Ext.Msg.alert(‘消息‘,‘超链接按钮的OnClentClick事件‘)")
)

2.调用DirectEvent的超链接按钮

技术分享

客户端代码

@(X.HyperlinkButton()
    .Text("调用DirectEvent")
    .DirectEvents(de => de.Click.Url = Url.Action("HyperlinkButtonDirectEvent"))
)

服务端代码

public ActionResult HyperlinkButtonDirectEvent()
{
        X.Msg.Alert("服务器时间", DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")).Show();
        return this.Direct();
}

3.带图标的超链接按钮

技术分享

@(X.HyperlinkButton()
    .Text("默认图标在左边")
    .Icon(Icon.Accept)
        )
@(X.HyperlinkButton().Text("图标在右边").Icon(Icon.Accept).IconAlign(IconAlign.Right))

4.带菜单的超链接按钮

技术分享

@(X.HyperlinkButton()
    .Text("点我出现菜单")
    .Icon(Icon.Accept)
    .IconAlign(IconAlign.Right)
    .Menu(
        X.Menu()
        .Items(
            X.MenuItem().Text("添加").Icon(Icon.Add),
            X.MenuItem().Text("修改").Icon(Icon.Wrench),
            X.MenuItem().Text("删除").Icon(Icon.Delete),
            X.MenuItem().Text("打印").Icon(Icon.Printer),
            X.MenuItem().Text("导出").Icon(Icon.ApplicationViewTile)
        )
    )
)

5.开关组超链接按钮

技术分享

@(X.HyperlinkButton()
        .Text("添加")
        .Icon(Icon.GroupAdd)
        .ToggleGroup("g1")
    )
    @(X.HyperlinkButton()
        .Text("修改")
        .Icon(Icon.GroupEdit)
        .ToggleGroup("g1")
    )
    @(X.HyperlinkButton()
        .Text("删除")
        .Icon(Icon.GroupDelete)
        .ToggleGroup("g1")
    )