Question

我正在尝试创建一个自定义应用，允许我通过迭代搜索（xtype：'rallyiterationcombobox'），然后使用复选框（xtype：'复选框'）仅显示“已阻止”项目，并显示全部在网格上。

我在复选框时遇到问题。我无法让它过滤器只显示网格上的“已阻止”项目。我做了很多研究，我所拥有的是研究的总和（可能是问题的一部分），但是，唉，仍然没有进展。一切都显示，但复选框没有功能。有什么建议吗？

<!DOCTYPE html>
<html>
<head>
<title>User Stories By Iteration</title>
<script type="text/javascript" src="/apps/2.0p4/sdk.js"></script>
<script type="text/javascript">
    Rally.onReady(function() {
        Ext.define('CustomApp', {
            extend: 'Rally.app.App',
            componentCls: 'app',

            //Containers for all items in the app
            items: [
                {
                    xtype: 'container',
                    itemId: 'dropdown'
                },
                {
                    xtype: 'container',
                    itemId: 'checkbox'
                },
                {
                    xtype: 'container',
                    itemId: 'grid'
                }
            ],

            launch: function() {
                //Dropdown box for selecting an iteration
                this.down('#dropdown').add({
                    xtype: 'rallyiterationcombobox',
                    margin: '10px 0px 0px 0px',
                    id: 'iterationComboBox',
                    listeners: {
                        ready: this._onLoad,
                        change: this._onChange,
                        scope: this
                    }
                });

                //Checkbox for toggling blocked items
                this.down('#checkbox').add({
                    xtype: 'checkbox',
                    id: 'blockedFilter',
                    fieldLabel: 'Find Blocked Items in Iteration?',
                    padding: '5,5,5,5',
                    margin: '-31px 0px 0px 225px',
                    handler: this._onChecked
                });
            },

            //Function that launches the grid
            _onLoad: function(comboBox) {
                Rally.data.ModelFactory.getModel({
                    type:'UserStory',
                    success:this._onModelRetrieved,
                    scope: this
                });
            },

            //Updates grid when iteration dropdown is changed
            _onChange: function() {
                var filterConfig = {
                    property:'Iteration',
                    operator: '=',
                    value: this.down('#iterationComboBox').getValue()
                };
                this.grid.filter(filterConfig, true, true);
            },

            //BEGIN: POINT OF INTEREST
            _getFilter: function() {
                var filter = [];
                if (Ext.getCmp('#blockedFilter').getValue()) this.grid.filter.push('Blocked');
                return filter;
            },

            _onChecked: function() {
                var changeBlock = this._getFilter();
                var config = {
                    types: changeBlock
                };
                this.grid.refresh(config);
            },
            //END: POINT OF INTEREST

            //Displays the main grid of information on the page
            _onModelRetrieved: function(model) {
                this.grid = this.down('#grid').add({
                    xtype:'rallygrid',
                    model: model,
                    id: 'iterationgrid',
                    pagingToolbarCfg:{
                        pageSizes: [25, 50, 100, 200]
                    },

                    columnCfgs:[
                        'FormattedID',
                        'Name',
                        'Iteration',
                        'Status',
                        'Blocked',
                        'Project'
                    ],

                    storeConfig:{
                        context: this.context.getDataContext(),
                        filters:[
                            {
                                property:'Iteration',
                                operator: '=',
                                value: this.down('#iterationComboBox').getValue()
                            },
                            {
                                property: 'Blocked',
                                operator: '=',
                                value: this.down('#blockedFilter').getValue()
                            }
                        ]
                    }
                });
            }
        });

        Rally.launchApp('CustomApp', {
            name: 'User Stories By Iteration'
        });
    });
</script>
<style type="text/css">
</style>
</head>
<body></body>
</html>

任何信息都有帮助，因为我对Rally和Javascript都不熟悉。如果Rally中有一个功能已经这样做了，我想知道，但是这个应用程序实际上是我希望用自定义字段实现的功能，我只是想先将架构放下来。

Answer 1

2.0p4是App SDK 2.0的旧版预览版。如果可能的话，你应该升级到使用本周刚刚发布的2.0 GA版本。

在文档中查看此示例：http://help.rallydev.com/apps/2.0/doc/#!/example/filterable-grid

它使用组合框来过滤网格。替换复选框应该相当简单。

由于您似乎总是通过迭代确定范围，因此您也可以扩展Rally.app.TimeboxScopedApp。这将允许您的应用程序在Iteration范围的自定义页面上工作，并简化您的代码（如果需要，它将为您创建迭代组合框）。

此处的示例显示了如何执行该部分（虽然它刷新了一块电路板，但刷新网格应该与上面的可过滤网格示例相同）：

http://help.rallydev.com/apps/2.0/doc/#!/guide/timebox_filtering-section-timebox-required-apps

Rally Custom App Checkbox过滤器无法正常工作

1 个答案: