jQuery MiniUI

标题: 怎么获得不到div对象 [打印本页]

作者: heng 时间: 2013-6-19 10:54:49 标题: 怎么获得不到div对象

我调整了主页框架中的div，如下<div id="divNorth" class="header" region="north" height="60" showSplit="false" showHeader="false">， id="divNorth" 是我自己加的，我想在js中得到这个div对象，并且设置它的height，我用document.getElementById("divNorth")获得的是null，我用mini.get("divNorth ")获得的是undefined，为什么呢，我怎样才能得到这个div对象并设置它的高度呢，请高手指点！

作者: felt 时间: 2013-6-19 12:41:14

参考下API
http://www.miniui.com/docs/api/index.html#ui=Layout
有获取方法的。

作者: heng 时间: 2013-6-19 15:48:13

felt 发表于 2013-6-19 12:41
参考下API
http://www.miniui.com/docs/api/index.html#ui=Layout
有获取方法的。

嗯好的谢谢明白啦！
再请教个问题，mini-splitter 我想通过一个按钮来触发展开、折叠，怎么来实现呢，没找到触发事件的方法呢？

作者: felt 时间: 2013-6-19 16:08:05

expandPane（index）/collapsePane（index）
就是展开和折叠面板。

作者: heng 时间: 2013-6-19 23:05:52

felt 发表于 2013-6-19 16:08
expandPane（index）/collapsePane（index）
就是展开和折叠面板。

专家，您好，能再说明白些吗，expandPane（index）/collapsePane（index）中的参数index指的是什么呢，我用 expandPane('0') 和 expandPane('1')不起作用呢？
我用的是咱demo中的例子，
<div title="center" region="center" style="border:0;" bodyStyle="overflow:hidden;">
      
      <div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
         <div id="divLeftTree" size="180" maxSize="250" minSize="100" showCollapseButton="true" style="border:0;">
            
            <div id="leftTree" class="mini-outlooktree" url="left.jsp" onnodeselect="onNodeSelect"
                  textField="text" idField="id" parentField="pid"
            >
            </div>

         </div>
         <div showCollapseButton="false" style="border:0;">
            
            <div id="mainTabs" class="mini-tabs" activeIndex="2" style="width:100%;height:100%;"
                  plain="false"
            >
                  <div title="首页" url="index.jsp" >
                  </div>
                  <div title="子页面关闭" url="../tabs/pages/page1.html" >
                  </div>
                  <div title="弹出面板" url="../datagrid/datagrid.html" >
                  </div>
                  <div title="弹出面板" url="../datagrid/fixedcolumns.html" >
                  </div>
            </div>
         </div>
      </div>
</div>
我想通过点击一个按钮触发一个事件来展开和折叠左侧的功能树，如何实现呢？谢谢...

作者: felt 时间: 2013-6-20 09:50:19

var sp=mini.get("splitter的id“);
sp.collapsePane(1);
1是左边那个面板，2是右边那个

作者: factory 时间: 2013-6-20 10:12:13

heng 发表于 2013-6-19 23:05
专家，您好，能再说明白些吗，expandPane（index）/collapsePane（index）中的参数index指的是什么呢，我 ...

var s = mini.get(id);
s.collapsePane(1/2);

1是左侧的，2是右侧的

作者: heng 时间: 2013-6-20 21:56:28

factory 发表于 2013-6-20 10:12
var s = mini.get(id);
s.collapsePane(1/2);

嗯试验了一下可以实现展开折叠效果，谢谢，你的帮助让我理解了miniui的一些规则，谢谢啦！

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