//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("更新成功!");
}
});
});