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")
    )

注：Ext.Net常用图标名吃

Icon="Add" Text="增加"

Icon="Key" Text="审核"

Icon="Printer" Text="打印"
Icon="ApplicationViewTile" Text="导出"

Icon="magnifier"
Text="查询"

Icon="Accept"  Text="确定"
（对勾）

Icon="Cancel "
Text="取消" （叉叉）

Icon="SystemSaveClose" Text="保存后关闭"
Icon="SystemClose"
Text="关闭"

Icon="Wrench"
Text="修改"

Icon="BookOpen"
Text="查看"
Icon="CartEdit"
Text="结帐"

Icon="Disk"
Text="保存"
Icon="TableDelete" Text="删除"
Icon="ArrowUndo"
Text="返回上一层"