2017-07-06 48 views
2

嗨,我使用Iframe Dashboard widget扩展我配置它我自己,所以它可以以“6x6”格式显示不起作用,不幸的是TFS最大控件大小是4x4也是小到显示我的一些工作,我如何添加一个放大按钮/功能的小部件?一些TFS默认小部件有该按钮。TFS-控制板 - 添加一个放大按钮一个控件

这是我的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(); 
    }); 
+0

哪个放大按钮是你的意思?你是不是指小部件的配置按钮旁边的那个?它会弹出一个新窗口,而不是直接显示在仪表板上 –

回答

1

小部件中有一个支持大小的概念。

supportedSizes

阵列通过小部件支持的尺寸。当小部件支持多个尺寸的 时,阵列中的第一个尺寸是 小部件的默认尺寸。小部件的大小由仪表板网格中的小部件占用的行和列 指定。一行/列 对应于160px。高于1x1的任何维度都会获得额外的代表小部件之间间隙的10px。例如,一个3x2的 小部件将是160 * 3 + 10 * 2宽和160 * 2 + 10 * 1高。 最大支持的尺寸为012x,尺寸为4x4。

更多详细信息,请参阅本教程:Add a dashboard widget


更新

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

+0

是的,我知道这个概念,让我的问题更清晰一点:有没有一种方法可以使部件大于4x4? –

+0

嗨@WojtekT对不起,误会。您可以尝试使用[VSS.resize()](https://www.visualstudio.com/en-us/docs/integrate/extensions/reference/client/core-sdk#method_resize)函数,但它可能会有滚动条。例如,VSS.resize(400,500)(在VSS.notifyLoadSucceeded();之前)。 –

+0

我试过了,但实际调整的唯一内容是框架内的内容。我想这是不可能的,希望有人会改变TFS的最大尺寸感谢你的答案。 –

相关问题