在SharePoint Web部件中設置焦點和onblur事件的InputFormTextBox

Question

我正在使用一堆InputFormTextBoxes，並且當框不再聚焦時，我希望觸發onb​​lur事件。 這是RichText == true時。

這是因為我有一個Sharepoint Webpart，它具有很多可編輯區域，並且需要RTF。 但是，如果它們都可用，則屏幕會變得混亂。 因此，當用戶單擊時，它會自動保存並隱藏文本框。 這樣可以節省屏幕空間，並大大提高頁面性能。

我可以將其與RichText == false一起使用，因此它只是普通的TextArea HTML控件。 但是，我無法將JavaScript放在文本區域上，也無法為onblur事件觸發事件。

Answer 1

您可以使用javascript輕松完成此操作。 如果我理解您的要求，則您需要在較大的文本區域中隨用戶移入或移出它們而動態擴展和折疊。 這樣，您就不會占用太多房地產。 我在帶有兩個多行文本框的普通編輯頁面上測試了此代碼。 您可能需要針對自己的Web部件進行調整。

$(function(){
    var collapsedHeight = 18;
    var expandedHeight = 50;
    var editors = $("iframe[title='Rich Text Editor']");
    editors.attr("height", collapsedHeight);
    editors.blur(function(){
        $(this).attr("height", collapsedHeight);
    });
    editors.focus(function(){
        $(this).attr("height", expandedHeight);
    });
});