javascript - 如何使用入门套件中的自定义应用程序添加 Rally 卡渲染器？

Question

我在开发者门户中看到了在 HTML 文档中使用 JS 创建客户卡渲染器的示例。 (渲染器的定义开始于“var DiscussionTagCardRenderer = function(column, item, options)”)我正在尝试仅使用 js 文件做同样的事情(例如将排名添加到用户故事的纸板中)自定义应用程序的源代码，然后使用入门工具包构建 HTML，但我无法弄清楚如何进行调用和配置设置以及将它们放置在何处。

直接 js 文件将纸板配置传递给应用程序的 add 方法来显示纸板，而开发门户的 HTML 示例将配置和数据源传递给纸板的构造函数，然后调用纸板自己的显示方法。 HTML 示例中的配置看起来与 js 示例中的配置非常相似，因此我认为 js 版本中的卡片渲染器属性可以使用与 HTML 示例使用的相同的排序变量，但我不知道是什么在纯js文件中定义变量时传递给渲染器的构造函数(item、column等)。

我正在入门套件中构建基本的入门示例，其中定义了用户故事纸板并将其添加到应用程序的启动例程中。我猜测构造函数的调用方式存在一些外部魔力，但我不知道如何将 HTML 示例转换为纯 js。

如果您能将开发门户的自定义卡片渲染器示例复制到入门工具包中的纯 js，我将非常感激。

Answer 1

以下是 2.0p4 预览文档中自定义卡的示例(在本例中根据缺陷优先级更改标题颜色):

http://developer.rallydev.com/appsdk/2.0p4/doc/#!/example/ColorCodedDefectBoard

您还可以通过 CardBoard 的 cardConfig 将大多数字段添加到卡片中，而不必扩展 Rally.ui.card.Card:

var cardboardConfig = {
    cardConfig: {
        fields: ['Name', 'Rank'] 
    }
}