嗨，我正在使用 Iframe 仪表板小部件扩展，我自己配置了它，以便它可以以"6x6"格式显示，这不起作用，不幸的是 TFS 最大小部件大小是 4x4，太小而无法显示我的一些工作，如何向小部件添加放大按钮/功能？某些 TFS 默认小组件具有该按钮。
这是我的VSS配置脚本。
VSS.init({
explicitNotifyLoaded: true,
usePlatformStyles: true
});
VSS.require(["TFS/Dashboards/WidgetHelpers"],
function(WidgetHelpers) {
WidgetHelpers.IncludeWidgetStyles();
VSS.register("IframeDashboardWidget", function() {
var getServerStatus = function(widgetSettings) {
var $iframe = $('#iframe');
var settings = JSON.parse(widgetSettings.customSettings.data);
if (settings && settings.url) {
$iframe.attr("src", settings.url);
} else {
$iframe.attr("src", 'data:text/html,<html><body style="font:1.2em sans-serif;background-color:#008000;color:#ffffff;font:16px Segoe UI,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif"><div>Iframe</div><div>Dashboard</div><div>Widget</div></body></html>');
}
return WidgetHelpers.WidgetStatusHelper.Success();
}
return {
load: function(widgetSettings) {
$iframe.resizeTo();
return getServerStatus(widgetSettings);
},
reload: function(widgetSettings) {
return getServerStatus(widgetSettings);
}
}
});
VSS.notifyLoadSucceeded();
});
小部件中有一个支持大小的概念。
支持的大小
小部件支持的大小数组。当小部件支持 多个大小，数组中的第一个大小是 控件。小部件大小根据行和列指定 由仪表板网格中的小组件占用。一行/一列 对应于 160px。任何高于 1x1 的尺寸都将获得额外的 10px，表示小部件之间的装订线。例如，3x2 小部件将是 160*3+10*2 宽和 160*2+10*1 高。最大 支持的大小为 4x4。
更多详细信息请参阅本教程：添加仪表板小组件
更新
您可以尝试使用 VSS.resize() 函数，但它具有滚动条。例如，VSS.resize(400,500) (在 VSS.notifyLoadSuccessed();) 之前。