jQuery MiniUI

 找回密码
 立即注册
查看: 1376|回复: 0
打印 上一主题 下一主题

表格 [复制链接]

Rank: 2

楼主
发表于 2022-11-21 10:35:38 |显示全部楼层
本帖最后由 czh0221 于 2022-11-21 16:02 编辑

样式很漂亮,有一个大概思路,是一个取巧的办法,在grid里面使用菜单按钮,通过使用ContextMenu,达到显示菜单按钮,
不知道是否能帮助到你,
界面上:
  1. <a href=“javascript" onclick=”showMenu(this)">更多</a>
复制代码
  1. <ul id="gridMenu" class="mini-contextmenu" onbeforeopen="onBeforeOpen">              
  2.         <li name="add" iconCls="icon-add" onclick="onAdd">新增</li>
  3.             <li name="edit" iconCls="icon-edit" onclick="onEdit">编辑节点</li>
  4.             <li name="remove" iconCls="icon-remove" onclick="onRemove">删除节点</li>        
  5.     </ul>
复制代码
在点击《更多》时Js事件:
  1. var gridMenu = mini.get("gridMenu");
  2. function showMenu(@this){
  3.    var pos = @this.getBoundingClientRect():
  4.    gridMenu.showAtPos(pos.left,pos.top);
  5. }
复制代码

参考:http://miniui.com/demo/index.html#src=datagrid/contextmenu.html
左键的话也可以看下menuButton, 通过表格里面自定的《更多》来控制显示
http://www.miniui.com/demo/#src=button/menubutton.html

Archiver|普加软件

GMT+8, 2024-5-3 19:00 , Processed in 1.057064 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部