grid里用右键来实现功能菜单

核心提示： 4、buttonClickFun()方法指定了右键按钮点击时执行的事件函数，写这个实现时发了挺多时间，grid里用右键来实现功能菜单(3)，走了弯路，本来想通过grid的每个按钮的id来得到每个按钮，其中设置style属性是为了美观和正确的定位，要注意的是left和top值要加上滚动条的值，但构

4、buttonClickFun()方法指定了右键按钮点击时执行的事件函数。写这个实现时发了挺多时间，走了弯路。本来想通过grid的每个按钮的id来得到每个按钮，但构造每个grid按钮的id名发了好多时间。后来想到，用如之前第一点说的用clickRow得到右键的那行，保存下来后。就可以得到这行下面的每个grid按钮了。

5、consButtonHtml()主要是通过自定义grid的按钮解析它们的html来得到右键内容。为什么要那样解析，其中前台jsp的自定义的写法如下：

Js代码　　　

<self:tag_grid　tag_name='VOU_RECORD_GRID'　
　　is_right_menu　=　"true"　
　　custom_button="　
　　<button　title='编辑'　class='gridBtnEdit'　id='grid_custom_button_edit'　>　
　　"></self:tag_grid>

上面的custom_button=""的内容就是我们要解析和构造的。

同时，用到的css如下：

Js代码　　　

.mouseOverGrid{　
　background-color:#C0C0C0;　
}　
.mouseOutGrid{　
　background-color:#DCDCDC;　
}　
.rowSplit　{　
　height:　3px;　
　background:　url(Image/m_splitLine.gif)　repeat-x;　
　font-size:　0px;　
　margin:　0　2px;　
} 　

6、buildRightMenu()是构建右键菜单的主要生成代码。它主要做了三件事：一是取得右键的行的id即 ConRightMenu.clickRow；第二件事是通过consButtonHtml()取得构造右键div的html，并设置这个div的属性，如style属性等；第三件事是设置右键行的背景色。其中设置style属性是为了美观和正确的定位。要注意的是left和top值要加上滚动条的值，因为鼠标的位置取的是文档坐标。代码如下：