星期五快乐！本周，企业号应用，我们将继续我们的Trello–SAP Web IDE插件的工作，探索一些额外的端点并添加更多的功能。

如果您需要赶上最后一个#APIFriday：

第1周：为Trello任务构建Web IDE插件

第2周：增强插件

第3周：从您的SAP工具向Trello添加任务（马上就来！）

第4周：添加任务触发器通知（即将推出！）

本周，让我们看看在我们的SAP Web IDE插件中为列表项添加一个操作，并添加一个刷新Trello列表的按钮！

首先：我们需要在应用程序中添加列表刷新功能和按钮。您可能注意到，小程序建站，随着卡片的更改，它们不会在您的Web IDE中刷新，除非您刷新浏览器，这相当耗时。我们来解决这个问题！

转到SAP Web IDE，在Trello插件项目中打开视图。

在视图文件中，云赚，找到打开标签。我们将在标题栏的正上方放置一个标题栏，上面有应用程序的标题和刷新按钮。

在开始标签和开始标签之间粘贴开始和结束栏容器标签。

在栏容器中，您可以将内容放在左、右和中间列。让我们从左边的内容开始，这将是一个很好的放置窗格中内容信息的地方。

在开始和结束标记之间，粘贴标记。

在之间，定义一个新的控件，并将文本值设置为待办卡。

如果需要帮助，下面是它的样子：

现在，让我们在右侧添加一个按钮。继续尝试添加它而不使用我的代码片段。你知道怎么做剩下的内容，服务器云服务器，所以你有工具来做！别忘了我们需要按钮来做一些实际的事情。

需要帮助吗？

这是密码：

你答对了吗？（文本和新闻值是灵活的）好吗？ !

现在我们已经定义了press函数的名称，但是我们需要在控制器中实现它。不要忘记保存视图文件更改！

打开控制器。

在控制器中创建函数定义。它看起来应该有点像这样，这取决于您对press属性的命名。我们把它作为一个单独的函数，所以现在我们可以重用它了。

在onPress函数中，调用getList（）函数。

还记得怎么做吗？

如果没有，看看下面。

这就是我们现在需要的所有改变！保存您的更改并以插件的形式运行您的项目。

能够看到您的任务是很好的，但是能够更新它们呢？我们试试看！

关闭Web IDE的调试版本。我们不想让代码崩溃。

在您的开发SAP Web IDE中，打开视图文件。让我们将item press属性添加到通知列表项中。在标签中，添加press属性并定义函数名，如下：

保存您的更改。

现在让我们转到控制器。

我们需要创建这个新函数，以便在按下列表项时处理。为通知列表项定义新的press函数的shell。别忘了包含函数的event参数，这样我们就可以从所采取的操作中获取信息。

所以，我们需要获取按下哪个项的上下文。使用UI5和绑定属性，这实际上非常简单。定义一个新的card变量，并使用绑定上下文来检索对象。

现在我们在按下card后如何处理它？Trello允许你对卡片进行操作，比如将它们移动到一个新的列表，给它们添加注释，归档卡片等等。你可以选择你喜欢的行动，但我要移动我的卡到下一个列表时，它被点击。我看到了我的待办事项卡片，当我按下一个时，我会把它移到待办事项列表中。

下面是关于Trello卡片操作的更多信息。我们使用PUT动词来更新卡片的特性。

所以要做到这一点，我们需要卡片ID（我们可以从应用程序中的绑定上下文中获得）和我们想要将卡片移动到的列表的列表ID。您可以使用我们在上一个博客中使用的步骤获取列表ID。我用我需要的列表ID创建了全局变量。

要将卡片从一个列表移到下一个列表，在TrelloAPI中，我们需要在调用中设置idList query参数。在Trello文档中尝试一下！

回到您的控制器函数中，在调用TrelloAPI之前，我们需要定义几个变量。首先，通过定义一个新变量来保存状态。

接下来，从前面检索的卡片上下文中获取ID。

现在我们可以调用下一个Trello API端点。当卡被按下时，我们将调用卡端点将其放入新列表。在我们的AJAX调用中（如果不想全部重新键入，可以从getList函数复制并粘贴AJAX调用），我们需要更改类型以放置并更新新端点的URL。你能做些改变吗？

如果你需要的话，这里有一些帮助！

成功移动卡后我们该怎么办？让我们添加一个消息toast（该通知显示在屏幕底部，但不需要您与之交互），并刷新我们的列表，这样我们就有了最新的卡片。

保存您的更改并作为插件运行您的项目！

现在当你点击一张卡片时，它会把它移到下一个列表。检查一下你的Trello牌，你会发现卡片在另一个列表中。

很简单吧？令人惊叹的！

好吧，这就是猫写的所有内容，所以请在下周五加入我，看看如何将Trello集成到其他SAP工具中！

，云服务器价格