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 the toggle button
            var toggleButton1 = new Vintasoft.Imaging.UI.UIElements.WebUiToggleButtonJS(
                { raiseClickEventWhenTogglePanelOpening: false },
                [button1, button2],
                { cssClass: "vsui-togglePanel" });
    
            // add the toggle button to the "Tools" menu in web document viewer
            toolsToolbarPanelItems.addItem(toggleButton1);
        }
    }
    


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