給表格添加右鍵菜單

1.需要網上下載的css和js jquery.contextMenu.css jquery.contextMenu.min.js

2.代碼

        /*右鍵菜單*/
        $.contextMenu({
            selector: "#tableId tbody tr", //給表格的行添加右鍵功能
            items: {
                good: {name: "好啊", callback: function(key, opt){
                        //key的值就是good   
                        //$(this).find("#ttt").text()獲取id爲ttt<td>的值
                        alert(key+"---"+$(this).find("#ttt").text());
                        }
                    },
                very good: {name: "非常好", callback: function(key, opt){ },
                nice: {name: "優", callback: function(key, opt){
                        $.ajax({
                            method:'post',
                            data:'',
                            url:'xxxx',
                            success:function(result){
                                alert(result);
                                if(result!=null && result != undefined){
                                    var str="";
                                    var data=eval("("+result+")");
                                    for(var i=0;i<data.length;i++){
                                        str+="<option>"+data[i].id+"</option>"
                                    }
                                    $("#divId").html(str);
                                }
                            },
                            error:function(){
                                alert("terrible!")
                            }
                        });
                    }
                },
                perfect: {name: "完美", callback: function(key, opt){ alert(123);}}
            }
        });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章