Question

有人可以帮我创建鼠标悬停时显示的弹出窗口，以显示其所属的用户故事名称和项目。我在集会中创建了一个自定义应用程序，可以在网格中显示父级和子级故事。当用户将鼠标悬停在子故事ID上以查看名称和项目信息时，我想创建一个弹出窗口。如何添加此功能？

this.grid = this.down('#gridCnt').add({
    xtype: 'rallygrid',
    id: 'dataGrid',
    showPagingToolbar: true,
    flex: 1,
    store: myCustomStore,
    plugins: ['rallyboardformattedidhoverable'],
    enableBlockedReasonPopover: false,
    columnCfgs: [{
            xtype: 'templatecolumn',
            text: 'ID',
            dataIndex: 'FormattedID',
            width: 80,
            tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate')
        }, {
            text: 'Name',
            dataIndex: 'Name',
        },
        {
            text: 'Child stories',
            dataIndex: 'Children',
            flex: 1,
            renderer: function(value) {
                var html = [];
                Ext.Array.each(value, function(child) {
                    html.push('<a href="' + Rally.nav.Manager.getDetailUrl(child) + '">' + child.FormattedID + '</a>' + ' - ' + child.Project);
                });
                return html.join('</br>');
            }
        },

Answer 1

有一个插件可以完全按照您的要求进行操作。只需将插件添加到您的网格配置：

plugins: ['rallyboardformattedidhoverable'],
getRecord: function(x) {
    return this.view.getRecord(x);
},

创建用户故事弹出窗口

1 个答案: