Question

我正在尝试创建一个显示两个功能的网格 - 汇总 - （汇总及其子项）。

当我将网格模型设置为“PortfolioItem / Feature”时，单个第一个查询有效，但只要我将模型更改为“PortfolioItem”，网格就不会显示任何数据 - 并将OR添加到过滤器肯定没有用处。

var filter = Ext.create('Rally.data.QueryFilter', {
    property: 'Parent.ObjectID',
    operator: '=',
    value: id
});

filter = filter.or({
    property: 'ObjectID',
    operator: '=',
    value: id
});

我是以错误的方式解决这个问题吗？我知道在使用PortfolioItem模型之前我已经创建了一个Features和Rollups网格，但是我根据开始和结束日期进行了过滤。

Answer 1

这是一个简单的网格，显示所有项目组合项目类型，主题，计划，功能，其中

model: 'PortfolioItem'

如果我提取的属性仅限于一种PI类型，例如关于PortfolioItem / Feature的UserStories：

fetch: ['FormattedID','Name']

在代码中有这样的东西：

 StoryCount: feature.get('UserStories').Count

当网格没有显示任何数据时，我会看到您报告的相同结果。

<!DOCTYPE html>
<html>
<head>
    <title>PIGridExample</title>

    <script type="text/javascript" src="/apps/2.0rc1/sdk.js"></script>

<script type="text/javascript">
Rally.onReady(function () {
Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    componentCls: 'app',

    launch: function() {
        Ext.create('Rally.data.WsapiDataStore', {
            model: 'PortfolioItem',
            fetch: ['FormattedID','Name'],
            pageSize: 100,
            autoLoad: true,
            listeners: {
                load: this._onDataLoaded,
                scope: this
            }
        });
    },
     _onDataLoaded: function(store, data) {
                    var records = [];
                    Ext.Array.each(data, function(record) {
                        records.push({
                            Name: record.get('Name'),
                            FormattedID: record.get('FormattedID'),
                        });
                    });

                    this.add({
                        xtype: 'rallygrid',
                        store: Ext.create('Rally.data.custom.Store', {
                            data: records
                        }),
                        columnCfgs: [
                            {
                                text: 'Name', dataIndex: 'Name', flex: 1
                            },
                            {
                                text: 'FormattedID', dataIndex: 'FormattedID'
                            }
                        ]
                    });
                }


});
            Rally.launchApp('CustomApp', {
                name:"PIGridExample"
                //parentRepos:""
            });

        });
    </script>

    <style type="text/css">
.app {
     /* Add app styles here */
}

    </style>

</head>
<body></body>
</html>

以下是具有功能网格及其用户商店的应用示例：

Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    componentCls: 'app',

    launch: function() {
        Ext.create('Rally.data.WsapiDataStore', {
            model: 'PortfolioItem/Feature',
            fetch: ['FormattedID','Name','UserStories'],
            pageSize: 100,
            autoLoad: true,
            listeners: {
                load: this._onDataLoaded,
                scope: this
            }
        });
    },

    _createGrid: function(features) {
         this.add({
            xtype: 'rallygrid',
            store: Ext.create('Rally.data.custom.Store', {
                data: features,
                pageSize: 100
            }),

            columnCfgs: [
                {
                   text: 'Formatted ID', dataIndex: 'FormattedID', xtype: 'templatecolumn',
                    tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate')
                },
                {
                    text: 'Name', dataIndex: 'Name'
                },
                {
                    text: 'Story Count', dataIndex: 'StoryCount'
                },
                {
                    text: 'User Stories', dataIndex: 'UserStories', 
                    renderer: function(value) {
                        var html = [];
                        Ext.Array.each(value, function(userstory){
                            html.push('<a href="' + Rally.nav.Manager.getDetailUrl(userstory) + '">' + userstory.FormattedID + '</a>')
                        });
                        return html.join(', ');
                    }
                }
            ]

        });
    },
    _onDataLoaded: function(store, data){
                var features = [];
                var pendingstories = data.length;
                Ext.Array.each(data, function(feature) {
                            var f  = {
                                FormattedID: feature.get('FormattedID'),
                                Name: feature.get('Name'),
                                _ref: feature.get("_ref"),
                                StoryCount: feature.get('UserStories').Count,
                                UserStories: []
                            };

                            var stories = feature.getCollection('UserStories');
                           stories.load({
                                fetch: ['FormattedID'],
                                callback: function(records, operation, success){
                                    Ext.Array.each(records, function(story){  
                                            f.UserStories.push({_ref: story.get('_ref'),
                                            FormattedID: story.get('FormattedID')
                                                    });
                                    }, this);

                                    --pendingstories;
                                    if (pendingstories === 0) {
                                        this._createGrid(features);
                                    }
                                },
                                scope: this
                            });
                            features.push(f);
                }, this);
    }             
});

拉力网格的功能和汇总

1 个答案: