jQuery MiniUI

标题: mini-menu后台取数图标怎么显示？ [打印本页]

作者: 蛋白质 时间: 2016-9-8 17:48:30 标题: mini-menu后台取数图标怎么显示？

[attach]7937[/attach]

<ul id="popupMenu" class="mini-menu" iconCls="name" url="icons.json" idField="name" textField="name">

怎么把前面的图标显示出来？li的iconCls怎么设置啊？

作者: 蛋白质 时间: 2016-9-8 18:03:19

好象知道了。json数据里要有iconCls这个属性值就可以了。我再试下。

作者: felt 时间: 2016-9-9 10:15:56

蛋白质发表于 2016-9-8 18:03
好象知道了。json数据里要有iconCls这个属性值就可以了。我再试下。

是的，节点的iconCls字段就是用来显示图标的

作者: 蛋白质 时间: 2016-9-9 11:27:22

[attach]7944[/attach]

还是有个问题。这个mini-menu，我图标是显示出来了，它怎么居中？或者这个框小点。只要图标这么大的框就好？
现在是偏左了。

作者: dforce 时间: 2016-9-9 11:36:38

蛋白质发表于 2016-9-9 11:27
还是有个问题。这个mini-menu，我图标是显示出来了，它怎么居中？或者这个框小点。只要图标这么大的框就 ...

你现在是怎么放的

作者: 蛋白质 时间: 2016-9-9 11:54:30

<a id="saveButton" class="mini-menubutton " menu="#popupMenu" iconCls="fa-floppy-o" plain="true">保存</a>
<ul id="popupMenu" class="mini-menu" vertical="false" style="display:none;" url="${contextPath}/common/resources/font-awesome/json/icons.json" idField="id"></ul>

作者: dforce 时间: 2016-9-9 13:23:25

蛋白质发表于 2016-9-9 11:54
保存

修改样式，调整一下.mini-menu-horizontal .mini-menuitem-inner{
padding:
}

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