jQuery MiniUI

标题: 如何在mini-panel上面添加操作按钮 [打印本页]

作者: hujiewei 时间: 2015-12-22 13:16:18 标题: 如何在mini-panel上面添加操作按钮

<div class="mini-panel" title="<font color=black>子集列信息</font>" style="width:100%;height:50%;"
showCollapseButton="true" bodyStyle="padding:0;" expanded="false" ></div>

这是我的panel代码，我想在这上面添加操作按钮，不知道该具体如何操作呢？求解！

作者: felt 时间: 2015-12-22 13:53:59

www.miniui.com/demo/#src=panel/panel.html
参考示例

作者: hujiewei 时间: 2015-12-22 14:16:22

felt 发表于 2015-12-22 13:53
www.miniui.com/demo/#src=panel/panel.html
参考示例

试过了，始终达不到要求啊。我想在title后面就跟上我的操作按钮，
我用了panel.addButtons 但是直接把panel上的折叠按钮给干没了。
<div class="mini-panel" title="header" iconCls="icon-add" style="width:400px;height:150px;"
buttons="close collapse add edit remove " onbuttonclick="onbuttonclick"
> 这个也试过，但是只能现实close一个按钮。
这是为什么呢

作者: felt 时间: 2015-12-22 14:29:16

hujiewei 发表于 2015-12-22 14:16
试过了，始终达不到要求啊。我想在title后面就跟上我的操作按钮，
我用了panel.addButtons 但是直接把p ...

看好示例，还需要css

作者: hujiewei 时间: 2015-12-22 14:38:11

felt 发表于 2015-12-22 14:29
看好示例，还需要css

<div class="mini-tools">
<span id="0" class="mini-tools-close " style=";"></span>

<span id="1" class="mini-tools-add " style=";"></span>

<span id="2" class="mini-tools-edit " style=";"></span>

<span id="3" class="mini-tools-remove " style=";"></span>

<span id="4" class="mini-tools-collapse " style=";"></span>

</div>

这是生成的HTML，我也添加了CSS

作者: hujiewei 时间: 2015-12-22 14:52:31

hujiewei 发表于 2015-12-22 14:38
这是生成的HTML，我也添加了CSS

我这边直接把CSS 添加到icon.css里面的图片地址直接ctrl+左键可以点出来。但是中间3个按钮还是显示不了

作者: felt 时间: 2015-12-22 14:55:52

hujiewei 发表于 2015-12-22 14:52
我这边直接把CSS 添加到icon.css里面的图片地址直接ctrl+左键可以点出来。但是中间3个按钮还是显示不 ...

我们示例就在那，可以好好的显示，不知道你是什么问题

作者: hujiewei 时间: 2015-12-22 14:58:28

felt 发表于 2015-12-22 14:55
我们示例就在那，可以好好的显示，不知道你是什么问题

就这个样子。我再去琢磨琢磨吧

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