toolbar示例

最新推荐文章于 2024-06-08 09:35:31 发布

weixin_30526593

最新推荐文章于 2024-06-08 09:35:31 发布

阅读量176

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/super86/archive/2013/03/31/2991798.html

版权

<!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>Address_Manager</title>
    <link rel="Stylesheet" type="text/css" href="ext-4/resources/css/ext-all.css" />
    <link rel="Stylesheet" type="text/css" href="ext-4/resources/css/ext-all-access-debug.css" />
    <link rel="Stylesheet" type="text/css" href="ext-4/resources/css/ext-all-access.css" />
    <link rel="Stylesheet" type="text/css" href="ext-4/resources/css/ext-all-debug.css" />
    <link rel="Stylesheet" type="text/css" href="ext-4/resources/css/ext-standard.css" />
    <link rel="Stylesheet" type="text/css" href="ext-4/resources/css/ext-ie.css" />
    <script type="text/javascript" src="ext-4/ext-all.js"></script>     
    <!--<script type="text/javascript" src="app.js"></script>     -->
</head>
<body>
<script type="text/javascript">
    Ext.onReady(function () {
        var Toolbar = new Ext.toolbar.Toolbar(
        {
            renderTo: 'toolbar',
            width: 300
        });
        var fileMenu = new Ext.menu.Menu({
            items: [{
                xtype: 'textfield',
                hideLabel: true,
                width: 100
            }, {
                text: "颜色选择",
                menu: new Ext.menu.ColorPicker()
            }, {
                xtype: 'datepicker'
            }, {
                xtype: 'buttongroup',
                columns: 3,
                title: '按钮组',
                items: [{
                    text: '用户管理',
                    scale: 'large',
                    colspan: 3,
                    width: 170,
                    iconCls: 'userManagerIcon',
                    iconAlign: 'top'
                }, {
                    text: '新建', iconCls: 'newIcon'
                },
                {
                    text: '打开', iconCls: 'openIcon'
                }, {
                    text: '保存', iconCls: 'saveIcon'
                }]
            }]
        })
        Toolbar.add({ text: '文件', menu: fileMenu });
    });
</script>
<div id='toolbar'></div>
</body>
</html>

转载于:https://www.cnblogs.com/super86/archive/2013/03/31/2991798.html

weixin_30526593

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
toolbar示例

<!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> ...
复制链接

扫一扫