Trello Power Up 开发 - 自定义字段
Trello Power Up Development - Custom Fields
我的研究
我最近注意到有一个名为 Custom Fields and after reading the Trello client library documentation 的 power up 我看不出如何生成像自定义字段 power up 中演示的输入框。
我的想法是在 iframe 中单击按钮打开一个页面
'card-buttons': function(t, options){
return [{
icon: './images/icon.svg',
text: 'Button Text',
callback: function(t){
return t.popup({
title: "Click To Input Data",
url: './inputData.html'
});
}
}];
}
上面的方法行不通,因为我不知道如何将输入值传回 Trello 看板,因为我打算将其保存在 trello 的数据存储中
存储输入值
t.set('board', 'private', 'key', value)
快速总结
将输入字段添加到 Trello 卡片并将输入数据存储在数据存储中,以便所有 Trello 用户都可以看到。
您的起点是正确的!
自定义字段 Power-Up 使用 t.popup
和 t.set
来管理字段中的数据输入。在您的 inputData.html
文件中,您需要包含 sheet 提供的 here 样式,以便您的输入字段看起来与 Trello 的相同。
要存储数据,如果您在 页面上包含 Trello 客户端库 ,您实际上可以使用 inputData.html
中的 t.set
。将其包含在页面上后,您可以为按钮设置点击侦听器,然后使用 t.set
来存储数据。可以在 example Power-Up.
上找到一个很好的例子来说明如何实现这一点。
我的研究
我最近注意到有一个名为 Custom Fields and after reading the Trello client library documentation 的 power up 我看不出如何生成像自定义字段 power up 中演示的输入框。
我的想法是在 iframe 中单击按钮打开一个页面
'card-buttons': function(t, options){
return [{
icon: './images/icon.svg',
text: 'Button Text',
callback: function(t){
return t.popup({
title: "Click To Input Data",
url: './inputData.html'
});
}
}];
}
上面的方法行不通,因为我不知道如何将输入值传回 Trello 看板,因为我打算将其保存在 trello 的数据存储中
存储输入值
t.set('board', 'private', 'key', value)
快速总结
将输入字段添加到 Trello 卡片并将输入数据存储在数据存储中,以便所有 Trello 用户都可以看到。
您的起点是正确的!
自定义字段 Power-Up 使用 t.popup
和 t.set
来管理字段中的数据输入。在您的 inputData.html
文件中,您需要包含 sheet 提供的 here 样式,以便您的输入字段看起来与 Trello 的相同。
要存储数据,如果您在 页面上包含 Trello 客户端库 ,您实际上可以使用 inputData.html
中的 t.set
。将其包含在页面上后,您可以为按钮设置点击侦听器,然后使用 t.set
来存储数据。可以在 example Power-Up.