ImageList: PP.ImageList
Свойство ImageList устанавливает спрайт для меню.
Спрайт - это набор изображений в одном графическом файле. Для того чтобы установить конкретное изображение из спрайта для элементов меню, нужно задать координаты строки и столбца данного изображения в спрайте.
Для выполнения примера в теге HEAD подключите ссылки на библиотеку компонентов PP.js и табицы визуальных стилей PP.css. Далее приведен пример динамического создания компонента Menu, для элементов которого установлены изображения из спрайта «menu_icon.png«, который должен находиться в папке «img» корневого каталога:
<body>
<div id="but2"></div>
<script type="text/javascript">
//кнопка для вызова меню
var but2 = new PP.Ui.Button({ ParentNode: document.getElementById("but2"), Content: "Show menu" });
//компонент ImageList
var imageList = new PP.ImageList({
Source: "img/menu_icon.png",
IconHeight: 17,
IconWidth: 17
});
//компонент Menu
var menu1 = new PP.Ui.Menu({
ImageList: imageList,
//Элементы меню:
Items: [
{ MenuHeader: {Content: "Main"}},
{ MenuItem: { Content: "Olap", ColumnIndex: 0, RowIndex: 0, HotKey: "Ctrl+N", Id: "itemWithHotKey"} },
{ MenuItem: { Content: "Report", ColumnIndex: 0, RowIndex: 1} },
{ Separator: {}},
{ MenuItem: { Content: "AdHoc", ColumnIndex: 0, RowIndex: 2} },
{ MenuItem: { Content: "Time Series", ColumnIndex: 0, RowIndex: 3, Visible: false} }
]
});
//Событие нажатия на кнопку but2
but2.Click.add(function (sender, args) { menu1.show(50, 50) })
</script>
</body>
После выполнения примера на html-странице будет размещена кнопка «Show menu», при нажатии на которую будет вызвано меню, состоящее из заголовка и четырех элементов (последний - невидимый). Между вторым и третьим пунктами меню установлен разделитель. Для первого пункта меню задано название «горячих клавиш» и идентификатор. Для каждого пункта меню установлено изображение из заданного спрайта:
См. также: