FineUI 表格右键自定义功能
实际使用中也就是 在选中表格,右键 打开详细信息什么的。
首先需要增加一个Menu 的控件,这是一个菜单控件。 在这个菜单的Item中,开始自定义你想要的功能。
那么如何去关联表格行呢,这就需要在表格控件中增加一个行选中事件了
具体代码如下
//表格控件增加属性,beforerowcontextmenu 这个是右键点击行时触发(返回false则阻止浏览器默认的右键菜单)
.Listener("beforerowcontextmenu", "onRowContextMenu")
//菜单控件
@(F.Menu().ID("Menu1")
.Items(
F.MenuButton().ID("ID").Text("显示1").Icon(Icon.ScriptCodeRed).Listener("click", "function1")
)
)
//JS函数,
function onRowContextMenu(event, rowId) {
F.ui.Menu1.show();
return false;
}