-1

我的目标是使用仪表板上的拉力网格在自定义 HTML 应用程序中显示一些自定义投资组合字段（该字段称为执行冠军）。我已经查看了文档和一些示例，但看起来这不可能。有没有人做到这一点以及如何做到的？我的代码如下。我使用以下内容开始https://github.com/davidpthomas/BasicRallyGrid。 

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

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

    <script type="text/javascript">
        Rally.onReady(function () {
                // Custom Rally App that displays Stories in a grid.
//
// Note: various console debugging messages intentionally kept in the code for learning purposes

Ext.define('CustomApp', {
    extend: 'Rally.app.App',      // The parent class manages the app 'lifecycle' and calls launch() when ready
    componentCls: 'app',          // CSS styles found in app.css

    // Entry Point to App
    launch: function() {

      console.log('our first app');     // see console api: https://developers.google.com/chrome-developer-tools/docs/console-api
      this._loadData();                 // we need to prefix with 'this.' so we call a method found at the app level.
    },

    // Get data from Rally
    _loadData: function() {

      var myStore = Ext.create('Rally.data.wsapi.Store', {
          model: 'PortfolioItem',
          autoLoad: true,                         // <----- Don't forget to set this to true! heh
          listeners: {
              load: function(myStore, myData, success) {
                  console.log('got data!', myStore, myData);
                  this._loadGrid(myStore);      // if we did NOT pass scope:this below, this line would be incorrectly trying to call _createGrid() on the store which does not exist.
              },
              scope: this                         // This tells the wsapi data store to forward pass along the app-level context into ALL listener functions
          },
          fetch: ['Executive Champion', 'Name', 'ScheduleState']   // Look in the WSAPI docs online to see all fields available!
        });

    },

    // Create and Show a Grid of given stories
    _loadGrid: function(myStoryStore) {

      var myGrid = Ext.create('Rally.ui.grid.Grid', {
        store: myStoryStore,
        columnCfgs: [         
          'Executive Champion', 'Name', 'ScheduleState'
        ]
      });

      this.add(myGrid);       

      console.log('what is this?', this);

    }

});


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

        });
    </script>


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

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

1 回答 1

0

当然可以在网格中显示 PI 自定义字段值。即使您的自定义字段在 DisplayName 中有空格，也请从代码中的“执行冠军”中删除空格。

这是一个例子。我在“设置”>“工作区和项目”中显示了投资组合项目对象的自定义字段，如下所示：

名称：PiCustom

显示名称：PiCustom

需要工作区管理员权限才能查看该页面。

WS API将此字段引用为c_PiCustom（自动添加 c_ 以指示自定义字段）

在我的代码中，任何一个都可以正常工作： PiCustom，c_PiCustom

如果工作区管理员更改此自定义字段的 DisplayName 以包含空格，如下所示：

名称：PiCustom

显示名称：Pi 自定义

它仍然会像c_PiCustom在WS API中一样显示

在我的代码中引用此字段的这两种方法中的任何一种仍然有效 PiCustom：c_PiCustom

但Pi Custom不会工作。

删除代码中的空格。或者检查 WS API 中该字段的准确拼写并遵循该约定。

这是使用2.0rc3的完整示例：

Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    componentCls: 'app',
    launch: function() {
                this.add({
                    xtype: 'rallygrid',
                    model: 'PortfolioItem/Feature',
                    enableRanking: true,
                    storeConfig: {
                      context: {
                          context: this.getContext().getDataContext()
                      }
                    },
                   {
                        dataIndex: 'FormattedID'
                    },{
                        dataIndex: 'Name',
                    },
                     {
                        dataIndex: 'PiCustom'
                    }
                    ]
                });
    }
});
于 2014-07-24T15:04:15.003 回答