=====easy ui datagrid如何添加右键菜单,实现右键删除功能?=== easy ui datagrid如何添加右键菜单,实现右键删除功能啊? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 easy ui datagrid如何添加右键菜单contextmenu - -! 加个onRowContextMenu事件 $(function () { $('#tt').datagrid({ url: 'datagrid_data2.json', title: 'DataGrid - ContextMenu', width: 600, height: 300, fitColumns: true, columns: [[ { field: 'itemid', title: 'Item ID', width: 80 }, { field: 'productid', title: 'Product ID', width: 100 }, { field: 'listprice', title: 'List Price', width: 80, align: 'right' }, { field: 'unitcost', title: 'Unit Cost', width: 80, align: 'right' }, { field: 'attr1', title: 'Attribute', width: 150 }, { field: 'status', title: 'Status', width: 60, align: 'center' } ]], onRowContextMenu: function (e, field) { e.preventDefault(); if (!$('#tmenu').length) { createColumnMenu(); } $('#tmenu').menu('show', { left: e.pageX, top: e.pageY }); } }); }); function createColumnMenu() { var tmenu = $('<div id="tmenu" style="width:100px;"></div>').appendTo('body'); var fields = $('#tt').datagrid('getColumnFields'); for (var i = 0; i < fields.length; i++) { $('<div iconCls="icon-ok"/>').html(fields[i]).appendTo(tmenu); } tmenu.menu({ onClick: function (item) { if (item.iconCls == 'icon-ok') { $('#tt').datagrid('hideColumn', item.text); tmenu.menu('setIcon', { target: item.target, iconCls: 'icon-empty' }); } else { $('#tt').datagrid('showColumn', item.text); tmenu.menu('setIcon', { target: item.target, iconCls: 'icon-ok' }); } } }); } jquery遍历json的方法 鼠标划到图片上方弹出一个大图片 请教javascript空格问题: 分少,希望能帮忙。js给img外加个链接 document.getElementById("idName");的 js关闭窗口的问题 如何快速定位 100分急救!最近在做一个b/s系统,涉及到报表,曲线图形处理!我是不是要用vml技术,给点意见! 点击单选按钮后,如何得到它得值?为什么提示我没有定义??? datepick如何把最小值指定为另外一个输入框的值 这段代码在FF无效是哪里错了呢。有明白的帮把忙啊。 extjs editorGridPanel数据拖动问题.
$(function () {
$('#tt').datagrid({
url: 'datagrid_data2.json',
title: 'DataGrid - ContextMenu',
width: 600,
height: 300,
fitColumns: true,
columns: [[
{ field: 'itemid', title: 'Item ID', width: 80 },
{ field: 'productid', title: 'Product ID', width: 100 },
{ field: 'listprice', title: 'List Price', width: 80, align: 'right' },
{ field: 'unitcost', title: 'Unit Cost', width: 80, align: 'right' },
{ field: 'attr1', title: 'Attribute', width: 150 },
{ field: 'status', title: 'Status', width: 60, align: 'center' }
]],
onRowContextMenu: function (e, field) {
e.preventDefault();
if (!$('#tmenu').length) {
createColumnMenu();
}
$('#tmenu').menu('show', {
left: e.pageX,
top: e.pageY
});
}
});
}); function createColumnMenu() {
var tmenu = $('<div id="tmenu" style="width:100px;"></div>').appendTo('body');
var fields = $('#tt').datagrid('getColumnFields');
for (var i = 0; i < fields.length; i++) {
$('<div iconCls="icon-ok"/>').html(fields[i]).appendTo(tmenu);
}
tmenu.menu({
onClick: function (item) {
if (item.iconCls == 'icon-ok') {
$('#tt').datagrid('hideColumn', item.text);
tmenu.menu('setIcon', {
target: item.target,
iconCls: 'icon-empty'
});
} else {
$('#tt').datagrid('showColumn', item.text);
tmenu.menu('setIcon', {
target: item.target,
iconCls: 'icon-ok'
});
}
}
});
}