jQuery MiniUI

标题: 表格 [打印本页]

作者: jiangjing    时间: 2022-9-20 13:30:01     标题: 表格

表格里面添加dropdown  更多拉下按钮,下拉显示不出来[attach]13687[/attach]

作者: felt    时间: 2022-9-20 17:32:25

你怎么放的这个下拉菜单?
作者: jiangjing    时间: 2022-9-21 10:56:31

felt 发表于 2022-9-20 17:32
你怎么放的这个下拉菜单?

想在这里面加个更多的按钮,点击更多下拉里面有其他按钮
作者: felt    时间: 2022-9-21 13:39:52

jiangjing 发表于 2022-9-21 10:56
想在这里面加个更多的按钮,点击更多下拉里面有其他按钮

表格内部不支持放其他控件的。你这最多绘制好个div,再动态创建上去,位置什么的可能会有问题。
作者: czh0221    时间: 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





欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2