Question

您好我正在使用Iframe Dashboard widget扩展程序我将其配置为自我，因此它可以显示在＆＃34; 6x6＆＃34;格式不起作用，不幸的是TFS最大小部件大小是4x4，太小而无法显示我的一些工作，如何向窗口小部件添加放大按钮/功能？某些TFS默认窗口小部件有该按钮。< / p>

这是我的VSS配置javascript。

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();
  });

Answer 1

小部件中支持大小的概念。

supportedSizes

小部件支持的大小数组。当小部件支持时   多个大小，数组中的第一个大小是默认大小   小部件。窗口小部件大小按行和列指定   由仪表板网格中的小部件占用。一行/一列   对应160px。超过1x1的任何尺寸都将获得额外的维度   10px代表小部件之间的阴沟。例如，一个3x2   小部件将是160 * 3 + 10 * 2宽和160 * 2 + 10 * 1高。 最大值   支持的大小为4x4。

更多详情请参阅本教程：Add a dashboard widget

更新

您可以尝试使用VSS.resize()功能，但它有滚动条。例如，VSS.resize（400,500）（在VSS.notifyLoadSucceeded（）;之前。）。

TFS-DASHBOARD - 添加一个小部件的放大按钮

1 个答案: