如何关闭/删除菜单项或选项卡时，右键点击？ [英] How to close/remove menu item or tab when right click?

问题描述

我使用多视点创建标签，我想要做的就是关闭菜单选项卡之一，当我右键点击它。

I'm creating tab using multiview and what I want to do is to close one of the menu tabs when I right click on it.

这是ASPX和code后面的一部分：

These are part of the aspx and code behind:

ASPX页面：

<asp:Menu
    id="Menu1"
    Orientation="Horizontal"
    StaticMenuItemStyle-CssClass="tab"
    StaticSelectedStyle-CssClass="selectedTab"
    CssClass="tabs" width = "100%" 
    OnMenuItemClick="Menu1_MenuItemClick"                           
    Runat="server" style=" text-align:center;">
</asp:Menu>
<div id="divcont" runat="server" class="tabContents" style="height:100%; width:100%;" visible="false">
    <asp:MultiView
        id="MultiView1"
        ActiveViewIndex="0"
        Runat="server">
        <asp:View ID="v1" runat="server" >
        <iframe id="f1" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>      
        <asp:View ID="v2" runat="server" >
        <iframe id="f2" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v3" runat="server" >
        <iframe id="f3" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v4" runat="server" >
        <iframe id="f4" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v5" runat="server" >
        <iframe id="f5" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v6" runat="server" >
        <iframe id="f6" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>        
        <asp:View ID="v7" runat="server" >
        <iframe id="f7" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v8" runat="server" >
        <iframe id="f8" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v9" runat="server" >
        <iframe id="f9" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
        <asp:View ID="v10" runat="server" >
        <iframe id="f10" runat="server" style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>
    </asp:MultiView>
</div>

code背后：

Code Behind:

（这是NodeChanged事件的一部分）

(This is part of the NodeChanged event)

...
...
...
int TabCount = Convert.ToInt32(lblTabCounter.Text.ToString());
int TabIndex = Convert.ToInt32(lblTabCounterIndex.Text.ToString());

if(TabCount <= 10)
    {
        divcont.Visible = true;
        string tabName = getURLName(uRL);
        MenuItem myItem = new MenuItem(tabName, TabIndex.ToString());
        Menu1.Items.AddAt(TabIndex, myItem);
        f1.Attributes.Add("src", lblURL.Text.ToString());
        MultiView1.ActiveViewIndex = TabIndex;
        TabCount++;
        TabIndex++;
        lblTabCounter.Text = TabCount.ToString();
        lblTabCounterIndex.Text = TabIndex.ToString();
        tvPermissions.ExpandAll();

        int i = ctr;
    }

（这是MenuItemClick事件）

(This is for the MenuItemClick Event)

protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
    int index = Int32.Parse(e.Item.Value);
    MultiView1.ActiveViewIndex = index; 
}

这是示例输出：

树形视图位于橙色部分（左）。而蓝色的是目标URL，它是位于项目。从codeS，我只要它只会指出到名为F1为例，一帧虽然也有他们的10为主。如何删除某个特定的标签（标签说费用），当我右键点击它？

The treeview is located in the orange part(left). While the blue one that is the target url that is located in the project. Based from the codes that I provided it will only point out to one frame named "f1" as an example though there are 10 of them. How can I remove a particular tab (say tab "Expenses") when I right click on it?

我想这在code来完成后面。对于JavaScript / jQuery的解决方案，请提供其code后面的实现或如何调用/从code后面使用它。

I want this to be done in the code behind. For javascript/jquery solutions please provide its code behind implementation or how to call/use it from code behind.

请帮助我。对于澄清，请发表评论。

Please help me with this. For clarifications please leave a comment.

感谢您！

推荐答案

我尝试了不同的方法。而不是右键单击我用双击即可确认并删除该选项卡。

I tried a different approach. Instead of right click I use double click with confirmation to remove the tab.

我也适应定义JS库赶上双击并添加更多的特效给用户。

I also adapted the user defined JS libraries to catch the double click and add more effects.

我提到清楚，我已经有我的JavaScript函数，在此我只是在寻找比JavaScript或JQuery的其他替代品的工作。不过，我很惊讶，我没有得到任何回应或评论。

I mentioned as well that I already have my JavaScript function to work on this I'm just looking for alternatives other than JavaScript or JQuery. However I'm surprised that I didn't get any response or comments.

感谢您阅读这篇文章。

这篇关于如何关闭/删除菜单项或选项卡时，右键点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！