easyui datagrid中添加右键菜单事件
2012-03-21 17:04
896 查看
//HTML中代码
<div id="menu" class="easyui-menu" style="width:150px;">
<div id="m-update">更新</div>
<div class="menu-sep"></div><%--分页下划线--%>
<div id="m-closeall">全部关闭</div>
<div id="m-closeother">除此之外全部关闭</div>
<div class="menu-sep"></div>
<div id="m-close">关闭</div>
//查询按钮
$("#getprefrominfo").click(function () {
var cols = $.data(document.body, "selectcols");//数据缓存,获取需要查询的列名
if (cols == null) {
AlertMsg("请选择列!");
return;
}
else {
$("#grid").datagrid("loading");
var index = 0; //0为查询
var qp = {
cols: cols,
sortway: $.data(document.body, "sortway"),
index: index
};
$("#result").empty();
$("#grid").datagrid({
queryParams: qp, //datagrid自带的传值参数
//这边可以不用queryParams传值,可以写成:
// url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000)+data,
//其中data为字符串类型的数据
//但是在IE下不用queryParams的话,数据中出现中文字符或出现乱码
url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000),
onRowContextMenu: function (e, rowIndex, rowData) { //右击事件
$.data(document.body, "selectupdaterodno", rowData['入库棒号']);//将右击选中的某行数据放在缓存中
$('#menu').menu('show', {
left: e.pageX, //弹出窗口的方位坐标
top: e.pageY
});
e.preventDefault(); //阻止浏览器自带的右键菜单弹出
}
});
}
});
//右击后触发的事件
$('#m-update').click(function () {
postAjax("Report", "updateState", "rodno=" + $.data(document.body, "selectupdaterodno"), function (json) {
if (!json.iserror) {
$.data(document.body, "selectupdaterodno", ""); //清空缓存
AlertMsg("更新成功!");
}
});
});
<div id="menu" class="easyui-menu" style="width:150px;">
<div id="m-update">更新</div>
<div class="menu-sep"></div><%--分页下划线--%>
<div id="m-closeall">全部关闭</div>
<div id="m-closeother">除此之外全部关闭</div>
<div class="menu-sep"></div>
<div id="m-close">关闭</div>
//查询按钮
$("#getprefrominfo").click(function () {
var cols = $.data(document.body, "selectcols");//数据缓存,获取需要查询的列名
if (cols == null) {
AlertMsg("请选择列!");
return;
}
else {
$("#grid").datagrid("loading");
var index = 0; //0为查询
var qp = {
cols: cols,
sortway: $.data(document.body, "sortway"),
index: index
};
$("#result").empty();
$("#grid").datagrid({
queryParams: qp, //datagrid自带的传值参数
//这边可以不用queryParams传值,可以写成:
// url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000)+data,
//其中data为字符串类型的数据
//但是在IE下不用queryParams的话,数据中出现中文字符或出现乱码
url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000),
onRowContextMenu: function (e, rowIndex, rowData) { //右击事件
$.data(document.body, "selectupdaterodno", rowData['入库棒号']);//将右击选中的某行数据放在缓存中
$('#menu').menu('show', {
left: e.pageX, //弹出窗口的方位坐标
top: e.pageY
});
e.preventDefault(); //阻止浏览器自带的右键菜单弹出
}
});
}
});
//右击后触发的事件
$('#m-update').click(function () {
postAjax("Report", "updateState", "rodno=" + $.data(document.body, "selectupdaterodno"), function (json) {
if (!json.iserror) {
$.data(document.body, "selectupdaterodno", ""); //清空缓存
AlertMsg("更新成功!");
}
});
});
相关文章推荐
- easyui datagrid中添加右键菜单事件
- easyui datagrid 实现表头灵活展示(添加表头菜单,右键表头进行展示或隐藏)
- easyui datagrid中单击添加菜单事件
- easyui datagrid中单击添加菜单事件
- easyUI datagrid自定义添加列 (点击事件)
- EasyUI 给datagrid单元格添加onmouseover事件
- (原创)EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
- easyui中在datagrid中右键出现菜单
- Easyui的datagrid的行编辑器Editor中添加事件(修改某个单元格带出其他单元格的值)
- Qt gui添加右键菜单事件
- 给easyui datagrid 添加mouseover和mouseout事件
- (原创)EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
- 【转载于<小锋刚>博客园】C#遍历ContextMenuStrip右键菜单中包含子菜单的所有菜单并添加事件
- EasyUI 的Tab 标签添加右键菜单
- Extjs 4.0.7 gridPanel记录添加右键菜单事件
- EasyUI datagrid添加右键菜单项
- MFC中动态创建N级菜单以及响应事件——续——动态添加菜单/菜单项、子菜单、右键菜单
- 【Qt开发】Qt gui添加右键菜单事件
- EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
- easyui为tabs添加右键菜单