Конструктор WbkPropertyBar

Синтаксис

PP.TS.Ui.WbkPropertyBar(settings);

Параметры

settings. JSON-объект со значениями свойств компонента.

Описание

Конструктор WbkPropertyBar экземпляр класса WbkPropertyBar.

Пример

Для выполнения примера в теге HEAD html-страницы укажите ссылки на следующие js-файлы и css-файлы:

А также наличие рабочей книги с ключом 5183.

В теге <body> в качестве значения атрибута «onLoad» указываем имя функции, которая выполняется после окончания загрузки тела страницы:

<body  onselectstart="return false" class="PPNoSelect" onload="Ready()">
	<div id='example'></div>
</body>

В конце документа вставляем код для установки стилей к вершине «document.body», которые соответствуют операционной системе клиента:

<script type="text/javascript">
    PP.initOS(document.body);
</script>

В теге SCRIPT добавьте следующий скрипт:

<script type="text/javascript">
	// Установим языковые настройки для ресурсов
	PP.setCurrentCulture(PP.Cultures.ru);
	//using: waiter, metabase, tsService, hieService, WORKBOOKKEY, wbk, lanerBoxView, propertyBar;
	function Ready() {
		// Создаем индикатор загрузки
		var waiter = new PP.Ui.Waiter();
		// Создаём соединение с репозиторием
		var metabase = new PP.Mb.Metabase(
			{
				Id: "p7mart_ms",
				UserCreds: { UserName: "sa", Password: "H88cp229" },
				StartRequest: function(){waiter.show();},
				EndRequest: function(){waiter.hide();},
				Error: function(sender, args){alert(args.ResponseText);}
			});
			// Открываем соединение с репозиторием
			metabase.open();
			
			// Создаём сервис для работы с временными рядами
			var tsService = new PP.TS.TSService({ Metabase: metabase });
			var WORKBOOKKEY = 5183;
			//tsService.openDocument(WORKBOOKKEY, onFirstOpened);
			tsService.editDocument(WORKBOOKKEY, onFirstOpened);
			// Обработчик события открытия документа
			function onFirstOpened(sender, args) {
				var wbk = args.Workbook; //рабочая книга
				console.log(wbk);
				var propertyBarView = new PP.TS.Ui.WbkPropertyBar({
					ImagePath: "../build/img/",
					Source: wbk,
					Width: 300,
					Height: 500,
					ParentNode: "example",
				});
			}
		}
	</script>

После выполнения примера на html-странице будет размещен компонент WbkPropertyBar, имеющий следующий вид:

 

См. также:

WbkPropertyBar