模态面板上的ExtJS放置菜单按钮

时间:2015-06-24 07:33:26

标签: javascript extjs drop-down-menu menu panel

我有模态面板,当我按出界限时会关闭。我想在其上添加按钮菜单,但是当我按任何菜单项时,面板关闭。按钮菜单按下是否有可能阻止面板关闭?

代码的某些部分:

面板上的

按钮:

    Ext.define('Plugin.dashboard.component.info.JobInfoView', {
    extend : 'Ext.panel.Panel',
    alias : 'widget.job-info-view',
....
    dockedItems : [ {
        xtype : 'toolbar',
        dock : 'bottom',
        items : [ {
            itemId : 'job-actions-combo',
            text : '<b> Available job actions</b>',
            width : 200,
            glyph : Glyphs.getGlyph('tree'),
            hidden : true,
            shim:true
            bind:{
                menu : '{jobActionsMenuItms}',
                visible : '{jobHasCommands}'
            }
        }
.....

显示类似工具提示的面板:

    showTooltip : function(id) {
        var task = gantt.getTask(id);
        if (!task) {
            return;
        }

        var items ={
            xtype : 'job-info-view',
            jobId : id,
            phase : task.jobPhase
        };

        var list = Ext.Element.select('div[task_id="' + id + '"][class*="gantt_task_line"]', true).elements;

        if (list.length > 0) {
            var cmp = Ext.get(list[0].dom);
            var el = Ext.create('Ext.tip.ToolTip', {
                style : {
                    backgroundColor : 'white'
                },
                maxWidth : null,
                autoHide : false,
                items : items,
                itemId : 'job-info-view-tooltip'
            });
            el.on('hide', function() {
                Ext.defer(function() {
                    el.destroy();
                }, 1);
            });
            el.showBy(cmp);
        }
    },

0 个答案:

没有答案