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-кода, приведенного выше: