码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-06-26 01:49:56      阅读:1117      评论:0      收藏:0      [点我收藏+]

标签:

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="返回上一层"

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

标签:

原文地址:http://www.cnblogs.com/haight/p/5617227.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!