问题描述
问题如上,可右击,只要能实现就行,目前遇到的问题就是菜单的位置不能根据鼠标点击的位置移动,只能固定设置其位置html代码如下:<divid="box"class="easyui-datagrid"></div><divid="menu"class="easyui-menu"style="display:none;"><div>add</div><div>insert</div><divid="update">update</div></div><divid="updateDialog"class="easyui-dialog"data-options="closed:true"style="width:250px;">修改值:<inputtype="text"name="updateValue"id="updateValue"/></div>js代码:$('#box').datagrid({width:600,height:400,idField:'id',url:'form.ashx',title:'用户列表',iconCls:'icon-search',singleSelect:true,//只能选中一行columns:[[{field:'id',title:'编号',width:100,},{field:'code',title:'邮编',width:100,},{field:'name',title:'名称',width:100,formatter:function(value,rowData,index){//return'修改'return'<ahref="javascript:Update(''+rowData.id+'',''+index+'',''+this.field+'')">'+value+'</a>';}//editor:{//type:'validatebox',//options:{//required:true,//},//},}]],onClickCell:function(index,field,value){$('#menu').menu('show',{left:270,top:200});$('#update').click(function(){varrow=$('#box').datagrid('getData').rows[index];varid=row.id;$('#updateDialog').dialog({closed:false,title:"修改名称",buttons:[{text:'保存',handler:function(){$.ajax({type:'post',url:'save.ashx',data:{'id':id,'field':field,'value':$('#updateValue').val()},success:function(){$('#box').datagrid('reload');$('#updateDialog').dialog('close');},});}},{text:'退出',handler:function(){$('#updateDialog').dialog('close');}}],});});},