Question

我正在尝试在网格中显示UserStories的ScheduleState。我无法将ScheduleState显示为可编辑条，就像我们在Rally中看到的那样，每个州都有DPCA条形列。

例如下面链接上的SimpleTreeGrid示例将用户故事计划状态显示为DPCA条形列。 https://help.rallydev.com/apps/2.1/doc/#!/example/simple-tree-grid

代码如下。

    <!DOCTYPE html>
    <html>
    <head>
    <title>Custom Store Grid Example</title>

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

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

                launch: function() {
                console.log('launch');
                    Ext.create('Rally.data.wsapi.Store', {
                        model: 'userstory',
                        autoLoad: true,
                        listeners: {
                            load: this._onDataLoaded,
                            scope: this
                        },
                        fetch: ['FormattedID', 'ScheduleState', 'ScheduleStatePrefix' ]
                    });
                },

                _onDataLoaded: function(store, data) {
                    console.log('_onDataLoaded data', data);
                    this.add({
                        xtype: 'rallygrid',
                        showPagingToolbar: false,
                        showRowActionsColumn: false,
                        editable: false,
                        store: Ext.create('Rally.data.custom.Store', {
                            data: data
                        }),
                        columnCfgs: [
                            {
                                xtype: 'templatecolumn',
                                text: 'ID',
                                dataIndex: 'FormattedID',
                                width: 100,
                                tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate')
                            },
                            {
                                text: 'Prefix',
                                dataIndex: 'ScheduleStatePrefix',
                                xtype: 'templatecolumn',
                                tpl: Ext.create('Rally.ui.renderer.template.ScheduleStateTemplate', { field: 'ScheduleStatePrefix'}),
                            },
                            {
                                text: 'State',
                                dataIndex: 'ScheduleState',
                                xtype: 'templatecolumn',
                                tpl: Ext.create('Rally.ui.renderer.template.ScheduleStateTemplate', { field: 'ScheduleState'}),
                            }
                        ]
                    });
                }
            });


            Rally.launchApp('Rally.example.CustomStoreGrid', {
              name: 'Custom Store Grid Example'
            });
        });
    </script>

    <style type="text/css">

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

Answer 1

是否需要成为自定义商店？

如果没有，则以下_onDataLoaded有效：

            _onDataLoaded: function(store, data) {
                console.log('_onDataLoaded data', data);
                this.add({
                    xtype: 'rallygrid',
                    showPagingToolbar: false,
                    showRowActionsColumn: false,
                    editable: true,
                    store: store,
                    columnCfgs: [
                        {
                            text: 'ID',
                            dataIndex: 'FormattedID',
                            width: 100
                        },
                        {
                            text: 'Prefix',
                            dataIndex: 'ScheduleStatePrefix'
                        },
                        {
                            text: 'State',
                            dataIndex: 'ScheduleState'
                        }
                    ]
                });
            }
        });

UserStory ScheduleState显示在Grid中

1 个答案: