查看: 2512|回复: 8

miniui可以实现下面图片显示的功能吗？ [复制链接]

linda931

高级会员

Rank: 4

电梯直达

楼主

发表于 2014-2-21 08:36:16 |只看该作者 |倒序浏览

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2014-2-21 09:20:47 |只看该作者

http://www.miniui.com/demo/#src=outlookbar/outlookbar.html 里面自己放查询输入框等

linda931

高级会员

Rank: 4

板凳

发表于 2014-2-21 10:00:53 |只看该作者

本帖最后由 linda931 于 2014-2-21 10:03 编辑

factory 发表于 2014-2-21 09:20
http://www.miniui.com/demo/#src=outlookbar/outlookbar.html 里面自己放查询输入框等

<div id="toolbar1" class="mini-toolbar" style="padding:2px;">
      <table style="width:100%;" cellpadding="0" cellspacing="0">
         <tr>
            <td style="width:100%;">
                  <a style="cursor:default;padding:2px;padding-left:5px;">功能管理：</a>
                  <span class="separator"></span>
                  <a class="mini-button" iconCls="icon-addfolder" plain="true" enabled="false">增加</a>
                  <a class="mini-button" iconCls="icon-edit" plain="true">修改</a>
                  <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
                  <a class="mini-button" iconCls="icon-download" plain="true">下载</a>
            </td>
            <td style="white-space:nowrap;">
                  <a class="mini-button" iconCls="panel-expand" plain="true">收缩</a>
            </td>
         </tr>
      </table>
</div>
<div>
<div id="p1" style="border:1px solid #909aa6;border-top:0;height:100%;padding:5px; width:200px; float:left;">
      body<br />
      body
</div>
<div id="layout1" class="mini-layout" style="width: 80%; height: 400px; float:left;" borderstyle="border:solid 1px #aaa;">
      <div title="north" region="north" height="80" expanded="false">
         north
      </div>
      <div title="south" region="south" showsplit="false" showheader="true" height="80"
         showspliticon="true">
         south
      </div>
      <div title="west" region="west" width="200" expanded="false" showspliticon="true">
         west
      </div>
      <div title="east" region="east" showclosebutton="true" showspliticon="true">
         east
      </div>
      <div title="center" region="center">
         <input type="button" value="隐藏" />
         <input type="button" value="显示" /><br />
         <br />
         <input type="button" value="折叠" />
         <input type="button" value="展开" />
      </div>
</div>
</div>
<script type="text/javascript">
      mini.parse();

      function expand(e) {
         var btn = e.sender;

         var display = $('#p1').css('display');
         if (display == "none") {
            btn.setIconCls("panel-collapse");
            btn.setText("收缩");
            $('#p1').css('display', "block");
         } else {
            btn.setIconCls("panel-expand");
            btn.setText("展开");
            $('#p1').css('display', "none");
         }

      }
</script>

这是我修改有的一个样式代码我想把div：layout1 的宽度设置为100% 但是div1 显示时 layout1 就不显示了。