对于反弹的实验分层树(the experimental hierarchical tree for

2019-10-20 09:12发布

我看到,分层树被标记为实验上造势现场( https://help.rallydev.com/apps/2.0rc3/doc/#!/api/Rally.ui.grid.TreeGrid )。 我想用分层树建立一个应用程序,我对功能的一些问题。 是否可以过滤树或没有? 也可以我加起来的任务总数为给定的用户故事(估算,待办事项,实际等),列表总值,作为用户故事的价值? 是否有另一种方式来获得与在它下面列表中的任务userstories的名单?

Answer 1:

有未的TreeGrid例如:此应用,它使用组和摘要特征任务的网格在由工作产品(用户故事)分组的当前迭代,这里的各个任务的估计值相加。 完整的代码是在这个GitHub库 。

launch: function() {
        var that = this;
        var today = new Date().toISOString();
        var stories = Ext.create('Rally.data.wsapi.Store', {
            model: 'UserStory',
            fetch: ['Tasks'],
            filters: [
                {
                    property: 'Iteration.StartDate',
                    operator: '<=',
                    value: today
                },
                {
                    property: 'Iteration.EndDate',
                    operator: '>=',
                    value: today
                }
            ]
        });
        stories.load().then({
            success: this.loadTasks,
            scope: this
        }).then({
            success:function(results) {
                that.makeGrid(results);
            },
            failure: function(){
                console.log("oh noes!")
            }
        });
    },

    loadTasks: function(stories){
        console.log("load tasks",stories)
        var promises = [];
        _.each(stories, function(story){
            var tasks = story.get('Tasks');
            if (tasks.Count > 0) {
                tasks.store = story.getCollection('Tasks',{fetch:['Name','FormattedID','Estimate','State','Blocked','WorkProduct']});
                promises.push(tasks.store.load());
            }
        });
        return Deft.Promise.all(promises);
    },


    makeGrid: function(results){
        var tasks = _.flatten(results);
        var data = [];
        _.each(tasks, function(task){
            data.push(task.data);
        })

        _.each(data, function(record){
            record.Story = record.WorkProduct.FormattedID + " " + record.WorkProduct.Name;;
        })


        this.add({
            xtype: 'rallygrid',
            showPagingToolbar: true,
            showRowActionsColumn: true,
            editable: false,
            store: Ext.create('Rally.data.custom.Store', {
                data: data,
                groupField: 'Story',
            }),
            features: [{ftype:'groupingsummary'}],
            columnCfgs: [
                {
                    xtype: 'templatecolumn',text: 'ID',dataIndex: 'FormattedID',width: 100,
                    tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate'),
                    summaryRenderer: function() {
                        return "Estimate Total"; 
                    }
                },
                {
                    text: 'Name',dataIndex: 'Name',
                },
                {
                    text: 'State',dataIndex: 'State',xtype: 'templatecolumn',
                        tpl: Ext.create('Rally.ui.renderer.template.ScheduleStateTemplate',
                            {
                                states: ['Defined', 'In-Progress', 'Completed'],
                                field: {
                                    name: 'State' 
                                }
                        })
                },
                {
                    text: 'Estimate',dataIndex: 'Estimate',
                    summaryType: 'sum',
                },
                {
                    text: 'WorkProduct',dataIndex: 'WorkProduct',
                    renderer: function(val, meta, record) {
                        return '<a href="https://rally1.rallydev.com/#/detail/userstory/' + record.get('WorkProduct').ObjectID + '" target="_blank">' + record.get('WorkProduct').FormattedID + '</a>';
                    }
                },
            ]
        });

    }

更新:如果你要过滤的任务商店这里有一个过滤器:

tasks.store = story.getCollection('Tasks',{fetch:['Name','FormattedID','Estimate','State','Blocked','WorkProduct'],filters:{property: 'State',operator: '<',value: 'Completed'}});

一个的TreeGrid例如:Rally.ui.grid.TreeGrid你提到仍然是一个进展中的工作。 我还没有看到使用的TreeGrid一个故事层次的工作示例,但并不意味着它是不可能的。

当我测试了一个故事层次,孩子的故事并没有在史诗般的故事出现,但是一个故事/层次任务工作。 过滤工作了。 下面是一个例子:

Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    componentCls: 'app',
    launch:function(){
        Ext.create('Rally.data.wsapi.TreeStoreBuilder').build({
            models: ['userstory'],
             autoLoad: true,
             filters:[
                {
                    property: 'Name',
                    operator: 'contains',
                    value: 'story'
                }
             ],
             enableHierarchy: true
            }).then({
             success: function(store) {
                var grid = Ext.create('Ext.Container', {
                    items: [{
                        xtype: 'rallytreegrid',
                        columnCfgs: [
                            'Name',
                            'Owner'
                        ],
                        store: store
                    }]
                });
                that.add(grid);

            }
        });
    } 

下面的屏幕截图显示任务以下的儿童故事嵌套的预期,但孩子的故事并没有根据父嵌套。 网格是由名称过滤预期:



文章来源: the experimental hierarchical tree for rally
标签: rally appsdk2