• Ext.js 中 25种类型的Ext.panel.Tool


    通过Ext.panel.Panel的tools配置项来设置Ext.panel.Tool实例。 要注意的一点是,Ext框架提供的Ext.panel.Tool仅包含按钮图标而具体的点击事件处理函数需要我们自定义。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    var panel1 = Ext.create('Ext.panel.Panel', {
        500,
        renderTo: 'ext4-panel-tools',
        html: html,
        title: 'Tools - Header',
        tools: [{
            type: 'close',
            handler: function(){} //some logic inside handler
        },{
            type: 'collapse',
            handler: function(){} //some logic inside handler
        },{
            type: 'down',
            handler: function(){} //some logic inside handler
        },{
            type: 'expand',
            handler: function(){} //some logic inside handler
        },{
            type: 'gear',
            handler: function(){} //some logic inside handler
        },{
            type: 'help',
            handler: function(){} //some logic inside handler
        },{
            type: 'left',
            handler: function(){} //some logic inside handler
        },{
            type: 'maximize',
            handler: function(){} //some logic inside handler
        },{
            type: 'minimize',
            handler: function(){} //some logic inside handler
        },{
            type: 'minus',
            handler: function(){} //some logic inside handler
        },{
            type: 'next',
            handler: function(){} //some logic inside handler
        },{
            type: 'pin',
            handler: function(){} //some logic inside handler
        },{
            type: 'plus',
            handler: function(){} //some logic inside handler
        },{
            type: 'prev',
            handler: function(){} //some logic inside handler
        },{
            type: 'print',
            handler: function(){} //some logic inside handler
        },{
            type: 'refresh',
            itemId: "refresh",
            hidden: true,
            handler: function(){} //some logic inside handler
        },{
            type: 'restore',
            handler: function(){} //some logic inside handler
        },{
            type: 'right',
            handler: function(){} //some logic inside handler
        },{
            type: 'save',
            handler: function(){} //some logic inside handler
        },{
            type: 'toggle',
            handler: function(){} //some logic inside handler
        },{
            type: 'unpin',
            handler: function(){} //some logic inside handler
        },{
            type: 'up',   
            handler: function(){} //some logic inside handler
        },{
            type: "search",
            handler: function(event, target, owner, tool){
                        // do search
                        owner.child('#refresh').show();
            }
        }]
    });
  • 相关阅读:
    代码校验工具 SublimeLinter 的安装与使用
    java中写sql语句的小小细节
    搭建Hexo博客并部署到Github
    更改npm全局模块和cache默认安装位置
    笔记本连接老式显示器(VGA线+HDMI接口)
    用JSON-server模拟REST API
    使用 Feed43
    Coding.net+Myeclipse 2014 Git配置
    line-height 属性
    border-style 属性
  • 原文地址:https://www.cnblogs.com/zhwl/p/3848183.html
Copyright © 2020-2023  润新知