Chiều rộng và chiều cao phần web SharePoint động

Question

Tôi đang cố điều chỉnh động chiều rộng và chiều cao của phần web trong trang phần web SharePoint để nó lấp đầy toàn bộ không gian có sẵn. Dường như không có cách nào để chọn phần trăm cho chiều rộng và chiều cao từ cửa sổ trình soạn thảo thuộc tính phần web trong SharePoint. Ngoài ra, cố gắng tự động đặt nó trên thể hiện phần web thông qua kết quả mã trong SharePoint ném một ngoại lệ cho hiệu ứng mà kích thước tỷ lệ không được hỗ trợ.

Có cách nào để thực hiện việc này bằng cách sử dụng Javascript chẳng hạn? Tôi đã nhìn thấy những điều tương tự được thực hiện bằng cách sử dụng jQuery, nhưng không chính xác những gì tôi đang tìm kiếm (và tôi không quen thuộc đủ với jQuery để đến với một cái gì đó của riêng tôi).

Answer 1

Có một phần web có sẵn does this here. Bạn cũng có thể thấy một giải pháp TechNet communities từ "potta Vijay Kumar" (nơi tôi thấy rằng phần web quá):

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 là ID của iframe.

A jQuery solution có sẵn từ EndUserSharePoint.

Answer 2

Dưới đây là những gì tôi đã làm:

Tôi đã có một iFrame bên trong webpart giữa, nơi tôi sẽ được tải các trang web dựa trên web trái trình đơn phần. Vì vậy, tôi đã lấy <td> yếu tố mà cả webparts được đặt (một yếu tố <td> với lớp thiết lập như ms-bodyareaframe)

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

này sẽ hoàn toàn thay đổi kích thước các webpart nơi cư trú iframe.

Lưu ý: điều này có thể không hoạt động trong mọi trường hợp