ASP.NET+ExtJs4.0+Menu菜单工具条的使用

最新推荐文章于 2017-08-09 11:01:15 发布

LMAOhuaNL

最新推荐文章于 2017-08-09 11:01:15 发布

阅读量4.6k

点赞数

分类专栏： asp.Net Ext Js 文章标签： extjs menu asp.net 工具 stylesheet function

本文链接：https://blog.csdn.net/LMAOhuaNL/article/details/6792037

版权

asp.Net 同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

Ext Js

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!--ExtJs4.0官方下载以下样式文件-->
    <link href="extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <!--ExtJs4.0官方下载以下ExtJs文件-->
    <script src="extjs/ext-all.js" type="text/javascript"></script>
    <!--ExtJs4.0官方下载以下ExtJs显示中文文件-->
    <script src="extjs/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        Ext.onReady(function () {
            var menu = new Ext.menu.Menu({
                items: [
                    { text: "我是铵钮一" },
                    { text: "我是铵钮二", icon: "icons/add16.gif", handler: function (b) { alert("你点我了"); } },
                    { xtype: "menuseparator" },
                    { text: "你要不要最大化", xtype: "menucheckitem",
                        listeners: {
                            checkchange: function (m, checked) {
                                if (checked) {
                                    Ext.MessageBox.alert("提示", "你选中了我");
                                }
                                else {
                                    Ext.MessageBox.alert("提示", "你没选中我");
                                }
                            }
                        }
                    }
                ]
            });
            var win = new Ext.window.Window({
                width: 500,
                height: 600,
                title: "工具条示例",
                tbar: [
                    { text: "铵钮" },
                    { xtype: "tbseparator" },
                    { xtype: "splitbutton", text: "打开", menu: menu },
                    { xtype: "tbspacer", width: 30 },
                    { xtype: "textfield" },
                    {xtype:"tbfill"},
                    {xtype:"label",text:"我要到最后"}
                ]
            });
            win.show();
        });
    </script>
</head>
<body>

</body>
</html>

效果预览如下：

LMAOhuaNL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET+ExtJs4.0+Menu菜单工具条的使用

Ext.onReady(function () { var menu = new Ext.menu.Menu({ items: [ { text: "我是铵钮一" },
复制链接

扫一扫

专栏目录