JS 右键菜单，前台后台函数调用

右键菜单，采用JQuery，导入以下文件。

jquery-1.6.4.min.js
jquery.contextMenu.css
jquery.contextMenu.js

 

绑定右键菜单

$(document).ready(function () {
            //绑定右键菜单
            $("#areaTree a").contextMenu(
                            { menu: "menuAll" },
                            RightMenuClick
                            );
        });

//areaTree 为Asp:TreeView控件的ID，menuAll为右键菜单ul的id。RightMenuClick为点击菜单后的回调函数。

 

<!--右键-->
            <ul id="menuAll" class="contextMenu">
                <li class="add"><a href="#add">新增</a></li>

　　　　</ul>

//右键菜单点击回调函数
        function RightMenuClick(action, el, pos) {
            var Index = GetParentID(el[0].href);
            if (action == "add") {
                window.parent.frames["frmRight"].location.href = "DoorManageRight.aspx?devID=" +Index;  
            }
            //add是href后面的标识
        }

使用jquery与updatepanel有冲突，结果是页面刷新一次后，右键菜单出不来。解决办法不使用updatepanel，将页面手动分页（树形菜单独立出一个page）。 

 

前台页面调用后台方法

__doPostBack(addDoor,参数)　　　　//addDoor为LinkButton控件的ID，需和LinkButton连用

<asp:LinkButton ID="addDoor" runat="server" OnClick="addDoor_Click"></asp:LinkButton>

后台调用前台函数用ScriptManager