jQuery MiniUI

标题: js 生成Splitter 怎么给左右两边填充内容 [打印本页]

---

作者: 双鱼达摩    时间: 2013-5-16 10:51:47     标题: js 生成Splitter 怎么给左右两边填充内容

请教一下,在模拟界面布局的时候,发现Splitter 整不出内容来
下面是js的简单写法

var tPane = new mini.Panel();tPane.setBoby("tPane")

var dPane = new mini.Panel();
dPane .setBoby("tPane")
var hSplit = new mini.Splitter();
hSplit.set({ vertical: false, width: 380, height: 460 });

hSplit.setPanes([tPane, dPane]);

最后显示出来两边有为空
正确的写法应该是要怎么写呢?望指导下!

---

作者: factory    时间: 2013-5-16 11:29:03

1.     var tPane = new mini.Panel();
   
2.     tPane.setBody(tPane.getEl());
   
3. 
   
4.     var dPane = new mini.Panel();
   
5.     dPane.setBody(tPane.getEl());
   
6.     var hSplit = new mini.Splitter();
   
7.     hSplit.set({ vertical: false, width: 380, height: 460 });
   
8. 
   
9.     var el1 = tPane.getEl();
   
10.     var el2 = dPane.getEl();
    
11. 
    
12.     hSplit.getPaneEl(0).appendChild(el1);
    
13.     hSplit.getPaneEl(1).appendChild(el2);
    
14.     document.body.appendChild(hSplit.getEl());

复制代码

setPanes(array)是Splitter的左右2个面板，并非面板内部的元素

---

作者: 双鱼达摩    时间: 2013-5-16 12:19:55

谢谢 看错属性说明了...

---

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

Powered by Discuz! X2