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;
        }

 

posted @ 2019-10-25 16:44  Alex_Mercer  阅读(160)  评论(0编辑  收藏  举报