在这下边: 方法一
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="< /FONT>http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<link rel="Stylesheet" type="text/css" href="ExtJS/resources/css/ext-all.css" />
<link rel="Stylesheet" type="text/css" href="ExtJS/resources/css/xtheme-green.css" />
<script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ExtJS/ext-all.js"></script>
<script type="text/javascript" src="ExtJS/ext-lang-zh_CN.js"></script>
<style type="text/css">
.panel_icon11 { background-image:url(images/first.gif)}
.center_icon { background-image:url(images/center.png)}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
function ready()
{
var url = "jsonGrid.aspx?Param=select";
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel
([
sm,new Ext.grid.RowNumberer({header:"编号",width:50}),
{header:"编号",dataIndex:"ID",width:10,hidden:true},
{header:"标题",dataIndex:"TypeCName",width:100,editor:new Ext.form.TextField()},
{header:"英文名称",dataIndex:"TypeEName",width:100,editor:new Ext.form.TextField()},
{header:"状态",dataIndex:"DelFlag",width:100,renderer:function(value){if(value==false) {return "显示";} else {return "隐藏";}}},
{header:"添加日期",dataIndex:"AddDate",width:100,renderer:Ext.util.Format.dateRenderer('Y年m月d日')}
]);
cm.defaultSortable = true;
var fields =
[
{name:"ID"},
{name:"TypeCName"},
{name:"TypeEName"},
{name:"DelFlag"},
{name:"AddDate"}
];
var store = new Ext.data.Store
({
proxy:new Ext.data.HttpProxy({url:url}),
reader:new Ext.data.JsonReader({totalProperty:"totalPorperty",root:"root",fields:fields})
});
store.load({params:{start:0,limit:12}});
var pagingBar = new Ext.PagingToolbar
({
displayInfo:true,
emptyMsg:"没有数据显示",
displayMsg:"显示从{0}条数据到{1}条数据，共{2}条数据",
store:store,
pageSize:12
});
var grid = new Ext.grid.GridPanel
({
id:"MenuGridPanel",
renderTo:document.body,
layout:"fit",
frame:true,
border:true,
width:600,
height:360,
autoScroll:true,
store:store,
sm:sm,
cm:cm,
viewConfig:{forceFit: true},
title:'<img style="height:auto; width:auto;" src="images/first.gif" /> Ext2.2全新功能版系列之--右键菜单',
bbar:pagingBar
});
grid.on("rowcontextmenu",function(grid,rowIndex,e)
{
e.preventDefault();if(rowIndex<0){return;}
var treeMenu = new Ext.menu.Menu
([
{xtype:"button",text:"添加",icon:"Images/Icons/button/add.gif",pressed:true,handler:function(){}},
{xtype:"button",text:"编辑",icon:"Images/Icons/button/delete.gif",pressed:true,handler:function(){}},
{xtype:"button",text:"隐藏",icon:"Images/Icons/arrow-down.gif",pressed:true,handler:function(){}},
{xtype:"button",text:"显示",icon:"Images/Icons/arrow-up.gif",pressed:true,handler:function(){}},
{xtype:"button",text:"删除",icon:"Images/Icons/button/cross.gif",pressed:true, handler:function(){}},
{xtype:"button",text:"上传图片",icon:"Images/Icons/plugin_add.gif",pressed:true,handler:function(){}}
]);
treeMenu.showAt(e.getPoint());
});
}
</script>
<script type="text/javascript">
Ext.onReady(ready);
</script>
</div>
</form>
</body>
</html>
给 Extjs grid 加入右键菜单方法二。
复制代码 代码如下:
grid.on("rowcontextmenu", function (grid, rowIndex, e) {
e.preventDefault();
if (rowIndex < 0) { return; }
var treeMenu = new Ext.menu.Menu
([
{
xtype: "",
text: "详细",
iconCls: 'context-dog',
pressed: false,
handler: function () {
//获得行数据
var record = grid.getStore().getAt(rowIndex);
//open_receive_detailWindow(record.data.smsIndex);
alert(record.data.company);
//record.data.taskId
}
}, {
xtype: "",
text: "删除",
iconCls: 'context-cat',
pressed: false,
handler: function () {
//获得行数据
var record = grid.getStore().getAt(rowIndex);
alert(record.data.company);
}
}
]);
treeMenu.showAt(e.getXY());
});
相关推荐：
SEO监控：精准把握网站排名与优化成效的利器,湖南seo排名商家名单
BingAdapter设置数据后没有显示数据？解决方案在这里！,ai中如何把图变形
SEO关键词是什么意思？全面解析SEO关键字的核心作用,华为ai音箱 百度ai音箱
“关键词指白”：揭秘如何通过精准关键词优化实现流量暴增,全面分析网站seo
什么是seo发外链，seo外链类型有哪些 ,小小苏ai
ChatGPT破解版电脑：如何获得更强大的AI助手，提升工作与学习效率,ai预设动画
SEO项目：如何通过精确优化提升企业网站排名与转化率,武汉做网站优化的公司
seo站内优化包括什么营销，seo站内优化操作流程 ,ai 玻璃图标
seo能解决什么问题，seo会遇到哪些问题 ,挚爱花嫁ai
SEO需要：如何提升网站排名，打造高效营销利器,seo怎么推广关键词
seo进阶买什么书推广，seo的推广技巧 ,菩萨壁纸ai
SEO代做：让你的企业轻松登顶搜索引擎，快速提升曝光率,seo 提高注册量
为什么新手做seo好做，为什么要懂seo ,ai少女 3060显卡
用AI生成文章，让创作更简单高效
未来写作新模式文章撰写AI如何助力内容创作
什么是seo网络推广seo顾问，seo网络推广员 ,ai20170119
ChatGPT+维护页面：您的智能助手之旅，安全、高效、无忧,奥特曼画图ai
SEO优化如何提升网站排名，驾驭搜索引擎流量,三亚网站推广方法
在线AI文章：为您打造全新内容创作体验
OpenAIGPTChatSoraOpenAIChatGPT服务在中断数小时后已恢复,ai视图线稿
SEO基础知识解析：如何提升网站排名，助力企业成长,毕节企业建设网站
SEO查看-如何通过精确分析提升网站流量与排名,东丽网站建设价格
SEO总结：如何通过优化提升网站排名与流量,关键词排名消失
ChatGPT最近不好用了？了解这些背后的原因与解决方案,ai sketcher
SEO到底怎么做？揭秘从零到精通的完整SEO优化攻略,鸟瞰ai
AI+写文章：开启智能创作新时代
AI一键生成文章在线：提升创作效率，改变写作方式
SEO如何做？全方位解析提升网站排名的秘诀,AI翻译好处
SEO优化排名：让您的网站在搜索引擎中脱颖而出,我ai 达瓦仓决
SEO客服：如何提升客户体验与业务转化的双赢策略,鄂州网站建设公司教程
优化文字，让表达更精准：提升写作效率的关键,个人网站建设外包
SEO伪创：提升网站排名的危险策略与如何避免,怎样介绍社交网站推广
ChatGPT怎么有梯子？突破网络限制，轻松畅享AI智能,ai对唱音响
seo规范是什么意思，seo包括哪些内容 ,AI智能破解
SEO妍：搜索引擎优化的艺术，轻松打造网络营销新未来,辽宁网站建设贵不贵
seo适合什么人做，哪种seo做得好 ,晋城ai论文写作免费
seo简介主要写什么，seo主要内容 ,AI弧线这
亚马逊seo是什么公司的，“亚马逊” ,ai玩底特律
SEO字：如何通过精准关键词提升网站流量与排名,赣州于都网站推广
SEO调整，助力网站流量爆发式增长！,江都seo优化排名
SEO而且：打造高效网站流量增长的秘密武器,滨江网站推广营销
seo要寻找什么资源，怎么找seo ,ai插画描边
SEO趋势：2025年搜索引擎优化的未来发展,河南省营销推广系统官网
AI代写文章：高效创作的新风尚
SEO动态：2025年SEO趋势与优化技巧解析,十堰外贸网站推广费用
ChatGPT服务异常：为何影响到你的工作和生活？如何有效解决？,ai怎么保持圆角不变
ChatGPT网页版内容显示不全的原因与解决方案,ai超级绘
SEO课：让你从小白变成搜索引擎优化高手,推广自媒体营销计划
GPT版本全解：从基础到高级，如何选择最适合你的方案？,韩国ai人工智能
SEO优化中怎么找关键词：全面解析与实战技巧,ai2002.4.8
新闻资讯
常见问题