6

我正在尝试动态调整 SharePoint Web 部件页面中 Web 部件的宽度和高度，以使其填满整个可用空间。似乎无法从 SharePoint 的 Web 部件属性编辑器窗口中选择宽度和高度的百分比。此外，尝试通过代码在 Web 部件实例上动态设置它会导致 SharePoint 引发异常，即不支持比例尺寸。

有没有办法使用例如Javascript来做到这一点？我已经看到使用 jQuery 完成了类似的事情，但并不完全是我正在寻找的东西（而且我对 jQuery 不够熟悉，无法自己想出一些东西）。

4

2 回答 2

3

这里有一个可用的 Web 部件。您还可以从“potta vijay kumar”（我也在其中找到该 Web 部件）在TechNet 社区上看到解决方案：

function calcHeight() 
{ 
  //find the height of the internal page 
    var the_height= 
    document.getElementById('contentpage').contentWindow. 
      document.body.scrollHeight; 

  //change the height of the iframe 
  document.getElementById('contentpage').height= 
      the_height; 
}

contentpage是 iframe 的 ID。

EndUserSharePoint 提供了一个jQuery 解决方案。

于 2009-08-18T16:12:03.893 回答
1

这是我所做的：

我在中间 Web 部件中有一个 iFrame，我将在其中根据左侧 Web 部件菜单加载网页。因此，我采用了<td>放置两个 webpart 的<td>元素（它的类设置为的元素ms-bodyareaframe）

var head=$('td.ms-bodyareaframe');
$("#myFrame").height(head.position.height()).attr('src',unescape(loc));
$("#myFrame").parent().height(head.height()-50);

这将完美地重新调整 iframe 所在的 Web 部件的大小。

注意：这可能不适用于所有情况

于 2011-11-16T07:25:28.317 回答