Создание выпадающего списка для UI веб просмотрщика документов
В этом разделе
Вот код на JavaScript, который показывает, как создать выпадающий список и добавить созданный список в меню "Tools" в VintaSoft веб просмотрщике документов:
/**
Initializes main menu of Vintasoft web document viewer.
@param {object} docViewerSettings Settings of Vintasoft web document viewer.
*/
function __initMenu(docViewerSettings) {
// get items of document viewer
var items = docViewerSettings.get_Items();
// get the main menu of document viewer
var mainMenu = items.getItemByRegisteredId("mainMenu");
// if main menu is found
if (mainMenu != null) {
// get items of main menu
var mainMenuItems = mainMenu.get_Items();
// get "Tools" menu in web document viewer
var toolsToolbarPanel = mainMenuItems.getItemByRegisteredId("toolsMenuPanel");
// get items of "Tools" menu
var toolsToolbarPanelItems = toolsToolbarPanel.get_Items();
// items for drop-down list
var dropDownItems = ["None", "Accepted", "Completed", "Rejected", "Cancelled"];
// an array that contains option-elements for drop-down list
var selectOptions = [];
// for each item in drop-down list
for (var i = 0; i < dropDownItems.length; i++) {
// create option-element for item
selectOptions.push({
name: dropDownItems[i],
value: dropDownItems[i],
localizationId: dropDownItems[i]
});
}
// create a drop-down list
var dropDownList = new Vintasoft.Imaging.UI.UIElements.WebUiLabelWithDropDownListJS({
css: { width: "100px" },
options: selectOptions,
selectedValue: selectOptions[0]
});
// add drop-down list to the "Tools" menu in web document viewer
toolsToolbarPanelItems.addItem(dropDownList);
}
}
Вот скриншот VintaSoft веб просмотрщика документов с выпадающим списком, который был создан с использованием приведенного выше JS-кода: