创建用户故事弹出框

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);
},