Question

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

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

Answer 1

有一个does this here可用的网页部件。您还可以在“potta vijay kumar”（我在那里找到网络部分）的TechNet communities上看到解决方案：

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 solution。

Answer 2

这就是我的所作所为：

我在中间webpart内部有一个iFrame，我将根据左侧Web部件菜单加载网页。所以我把<td>元素放在两个webparts的位置（它是一个<td>元素，类设置为ms-bodyareaframe）

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

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

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

动态SharePoint Web部件的宽度和高度

2 个答案: