jQuery MiniUI

标题: HeaderContextMenu动态生成时的样式问题 [打印本页]

作者: lanxiaozhu2007 时间: 2015-12-23 15:38:26 标题: HeaderContextMenu动态生成时的样式问题

Grid的HeaderContextMenu动态生成：后台返回数据格式：[
{id: "AA", text: "AA"},

{id: "col1", text: "Col1", pid: "AA", checked: true},
{id: "col2", text: "Col2", pid: "AA", checked: true}
]
前台Grid代码：<div id="treegrid" class="mini-treegrid" style="width:700px;height:280px;"....headerContextMenu="#headerMenu"
>
</div>
<ul id="headerMenu" class="mini-contextmenu" url="/getGridHeaderMenu" textField="text" idField="id" parentField="pid" checked="checked" onitemclick="onItemClick" >

</ul>
前台效果如下：[attach]6982[/attach]，请问在什么时机给MenuItem加上样式？

作者: dforce 时间: 2015-12-23 15:56:37

你想要什么样式

作者: lanxiaozhu2007 时间: 2015-12-23 16:11:25

dforce 发表于 2015-12-23 15:56
你想要什么样式

比如最底层的MenuItem项前默认打钩或 MenuItem项前有图标。

刚才我想了一下，可以在前台先获取到数据，在前台组<ui><li>标签的MenuItem项，然后menu.setItems()应该可以曲线救国。

我看官方的显示/隐藏列的实例(即配置了showColumnsMenu="true")时，发现那个实例中每个MenuItem项前默认打钩了的，请问官方这个的样式是怎么实现的。

作者: dforce 时间: 2015-12-23 16:34:56

lanxiaozhu2007 发表于 2015-12-23 16:11
比如最底层的MenuItem项前默认打钩或 MenuItem项前有图标。

刚才我想了一下，可以在前台先获取到数据， ...

http://www.miniui.com/demo/#src=menu/menuimg.html
菜单项图标参考这个示例

作者: lanxiaozhu2007 时间: 2015-12-23 16:48:57

dforce 发表于 2015-12-23 15:56
你想要什么样式

样式我自己实现了，在返回的数据里iconCls设置样式即可。

仍然还有个疑问，比如右键菜单里有两个MenuItem子项，1为“增加列”，2为“显示/隐藏列”
这样2的子项依赖于1的操作，也就是每次右击header区选择子项2时需要从grid.getColumns()动态呈现有哪些列。
我的做法就是监听MenuItem的类似select事件，正好发现官方有itemselect事件，代码如下:
var headerMenu = mini.get("headerMenu");
headerMenu.on('itemselect',function(e){
....
});
但事件无法被触发。

作者: dforce 时间: 2015-12-23 17:19:16

lanxiaozhu2007 发表于 2015-12-23 16:48
样式我自己实现了，在返回的数据里iconCls设置样式即可。

仍然还有个疑问，比如右键菜单里有两个MenuIte ...

选中才会触发，菜单点击并不是选中
菜单默认是不允许选中的，设置allowSelectItem=“true”

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)