HeaderContextMenu动态生成时的样式问题

lanxiaozhu2007

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>
前台效果如下：，请问在什么时机给MenuItem加上样式？

dforce

你想要什么样式

lanxiaozhu2007

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

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

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

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

dforce

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

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

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

lanxiaozhu2007

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

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

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

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