Как создать функцию закрытия в контекстном меню с помощью Syncfusion ej2

Question

Я хотел бы создать контекстное меню правой кнопки мыши на своей вкладке с функцией закрытия вкладки с помощью Syncfusion ej2. Но я не могу найти никакой документации для этой конкретной функции.

Answer 1

Вы можете использовать общедоступный метод tab "removeTab", передав соответствующий индекс, чтобы закрыть вкладки. Мы подготовили образец исходя из ваших требований.

<div>
    <ejs-tab id="appTab" showCloseButton="true">
        <e-tab-tabitems>
            <e-tab-tabitem header="ViewBag.headerTextOne" content="@contentOne"></e-tab-tabitem>
            <e-tab-tabitem header="ViewBag.headerTextTwo" content="@contentTwo"></e-tab-tabitem>
            <e-tab-tabitem header="ViewBag.headerTextThree" content="@contentThree"></e-tab-tabitem>
        </e-tab-tabitems>
    </ejs-tab>
    <ejs-contextmenu id="contextmenu" target="#appTab" items="ViewBag.menuItems" select="menuClick"></ejs-contextmenu>
</div>

<script>
    function menuClick(args) {
        if (args.item.text == "Close All") {
            var tab = document.getElementById('appTab').ej2_instances[0];
            for (i = $('#appTab .e-toolbar-item').length; i >= 0; i--) {
                tab.removeTab(i);
            }
        } else if (args.item.text == "Close This Tab") {
            var tab = document.getElementById('appTab').ej2_instances[0];
            var activeTab = tab.selectedItem;
            tab.removeTab(activeTab);
        }
    }
</script>

Пример: https://www.syncfusion.com/downloads/support/directtrac/298062/ze/TabComponent673764834https://ej2.syncfusion.com/documentation/api/tab/#removetab

С уважением, Sangeetha M

Answer 2

Мы проверили ваше заявленное требование, и оно может быть выполнено в нашем ContextMenu с помощью методов открытия и закрытия. Для получения дополнительной информации перейдите по ссылкам ниже.

Ссылки API: https://ej2.syncfusion.com/documentation/api/context-menu/#openhttps://ej2.syncfusion.com/documentation/api/context-menu/#close

Ссылка на документацию: https://ej2.syncfusion.com/documentation/context-menu/how-to/open-and-close-contextmenu/

Не могли бы вы проверить указанные выше ссылки и вернуться к нам, если вам потребуется дополнительная помощь.

С уважением, Sangeetha M

Answer 3

Вы можете добавить контекстное меню из Syncfusion на свою вкладку в качестве шаблона содержимого. Я надеюсь, что приведенная ниже документация будет вам полезна.

Документация по контекстному меню:
https://ej2.syncfusion.com/angular/documentation/context-menu/getting-started/

Использование шаблона для документации по вкладкам:
https://ej2.syncfusion.com/angular/documentation/tab/getting-started/#initialize-the-tab-using-template