grid里用右键来实现功能菜单
2009-09-16 00:00:00 来源:WEB开发网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值要加上滚动条的值,因为鼠标的位置取的是文档坐标。代码如下:
赞助商链接