在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);
    });
});