Dec 9 2015 at 11:09

SharePoint JavaScript Tips and Tricks

Invite pending

Много работаю с MS SharePoint и решил создать памятку полезных функций, возможно ещё кому-то пригодится.

_spBodyOnLoadFunctionNames

Массив, хранящий названия всех функций, которые должны выполниться при возникновении события onPageLoad.

Пример

function fireMeOnLoad(){ console.log('test');}
_spBodyOnLoadFunctionNames.push('fireMeOnLoad');

SP.UI.Workspace.add_resized

Функция добавляющая обработчик, который будет вызван при изменении размеров окна браузера.

Пример

SP.UI.Workspace.add_resized(function() {
    console.log('onResized event has fired');
});

STSHtmlEncode

Функция кодирует текст для правильного вывода в HTML.

Пример

STSHtmlEncode('<Text>');
//return: "&lt;Text&gt;"

STSNavigate

Функция осуществляет переход на другую страницу.

Пример

STSNavigate('https://www.google.com');
STSNavigate('../somepage.aspx');

SP.UI.Notify.addNotification

Функция выводит уведомление в правом верхнем углу страницы.

Пример

var notifyId = SP.UI.Notify.addNotification("Hello World!", true); //true - sticky
SP.UI.Notify.removeNotification(notifyId);
SP.UI.Notify.addNotification("Hello World!", false);

_spPageContextInfo

Объект, содержащий полезную информацию на странице.

GetCachedElement

Функция возвращает элемент по elementId из кэша или через document.getElementById, попутно добавляя его в кэш для последующего использования.

Пример

var el = GetCachedElement('s4-workspace');

setInnerText

Функция устанавливает свойство innerText у элемента.

Пример

var el = $get('elementId');
setInnerText(el, 'text');

$get

Алиас для document.getElementById.

Пример

var el = $get('elementId');

Sys.UI.DomElement.addCssClass, Sys.UI.DomElement.removeCssClass, Sys.UI.DomElement.toggleCssClass

Функции добавления, удаления и переключения класса в элементе.

Пример

var el = $get('elementId');
Sys.UI.DomElement.addCssClass(el, 'className');
Sys.UI.DomElement.removeCssClass(el, 'className');
Sys.UI.DomElement.toggleCssClass(el, 'className');

Hubs:

SharePoint