你的位置:首页 > 软件开发 > ASP.net > FineUI Grid控件右键菜单的实现

FineUI Grid控件右键菜单的实现

发布时间:2015-08-10 13:00:10
FineUI官方Demo上一直没有Grid右键菜单的实现,其实从4.1.x的版本开始,允许添加自定义的事件监听(Listeners),所以要实现这个功能已经相当容易了。ExtJs右键菜单有很多种,对于Grid控件来说,我这里只简单说明两种实现。即在表格的数据行上右键单击时弹出的菜 ...

FineUI官方Demo上一直没有Grid右键菜单的实现,其实从4.1.x的版本开始,允许添加自定义的事件监听(Listeners),所以要实现这个功能已经相当容易了。

ExtJs右键菜单有很多种,对于Grid控件来说,我这里只简单说明两种实现。即在表格的数据行上右键单击时弹出的菜单,以及在空白位置右键单击时弹出的菜单。

时间有限,废话不多说了,先看两个效果图。(实现环境 FineUI4.1.6,.NET 4.0因为需要指定控件的ID)

1. 数据行右键菜单

FineUI Grid控件右键菜单的实现

2. 空白处右键菜单

FineUI Grid控件右键菜单的实现

实现方法:

step1:添加Grid控件。。。不多说了

step2:往Grid控件后面添加两个Menu控件,分别对应要实现的两个右键菜单,要指定ClientIDMode为Static,Hidden为true

    <f:Menu ID="containerMenu" runat="server" ClientIDMode="Static" Hidden="true">      <f:MenuButton Icon="Add" Text="添加" OnClick="OnAddClick"></f:MenuButton>      <f:MenuSeparator />      <f:MenuButton Icon="Reload" Text="刷新"></f:MenuButton>    </f:Menu>    <f:Menu ID="itemMenu" runat="server" ClientIDMode="Static" Hidden="true">      <f:MenuButton Icon="Pencil" Text="修改" OnClick="OnEditClick"></f:MenuButton>      <f:MenuButton Icon="Delete" Text="删除"></f:MenuButton>      <f:MenuSeparator />      <f:MenuButton Icon="Reload" Text="刷新"></f:MenuButton>    </f:Menu>

原标题:FineUI Grid控件右键菜单的实现

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录