VintaSoft Imaging .NET SDK 15.1: Документация для Веб разработчика
В этом разделе
Создание кнопки с выпадающим списком кнопок для 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();

        // create the first button
        var button1 = new Vintasoft.Imaging.UI.UIElements.WebUiButtonJS({
            cssClass: "vsui-button vsdv-sidePanel-textSearchPanelButton",
            title: "Button1",
            localizationId: "button1",
            onClick: function (event, uiElement) {
                alert('Button1 is clicked.');
            }
        });

        // create the second button
        var button2 = new Vintasoft.Imaging.UI.UIElements.WebUiButtonJS({
            cssClass: "vsui-button vsdv-sidePanel-textSelectionPanelButton",
            title: "Button2",
            localizationId: "button2",
            onClick: function (event, uiElement) {
                alert('Button2 is clicked.');
            }
        });

        // create a button with drop-down button list
        var buttonWithDropDownButtonList = new Vintasoft.Imaging.UI.UIElements.WebUiButtonWithDropDownButtonListJS(
            {
                cssClass: "vsui-button vsdv-sidePanel-imageProcessingPanelButton",
                title: "Button with drop-down button List",
                localizationId: "buttonWithDropDownButtonList1"
            },
            [
                button1, button2
            ],
            { cssClass: "vsui-dropDownPanel" });

        // add button with drop-down button list to the "Tools" menu in web document viewer
        toolsToolbarPanelItems.addItem(buttonWithDropDownButtonList);
    }
}


Вот скриншот VintaSoft веб просмотрщика документов с кнопкой с выпадающим списком кнопок, который был создан с использованием JS-кода, приведенного выше: