jQuery MiniUI

 找回密码
 立即注册
查看: 2652|回复: 7
打印 上一主题 下一主题

如何在mini-panel上面添加操作按钮 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2015-12-22 13:16:18 |只看该作者 |倒序浏览
    <div class="mini-panel" title="<font color=black>子集列信息</font>" style="width:100%;height:50%;"
            showCollapseButton="true" bodyStyle="padding:0;"  expanded="false" ></div>

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

Rank: 8Rank: 8

沙发
发表于 2015-12-22 13:53:59 |只看该作者

Rank: 2

板凳
发表于 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一个按钮。
这是为什么呢

Rank: 8Rank: 8

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

看好示例,还需要css

Rank: 2

5#
发表于 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

Rank: 2

6#
发表于 2015-12-22 14:52:31 |只看该作者
hujiewei 发表于 2015-12-22 14:38
这是生成的HTML,我也添加了CSS

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

Rank: 8Rank: 8

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

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

Rank: 2

8#
发表于 2015-12-22 14:58:28 |只看该作者
felt 发表于 2015-12-22 14:55
我们示例就在那,可以好好的显示,不知道你是什么问题

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

Archiver|普加软件

GMT+8, 2024-9-18 03:21 , Processed in 1.039078 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部