欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

Portal(门户)

创建时间:2014年09月04日 10:28  阅读次数:(6599)
分享到:

Portal(门户)

第1步:创建一个HTML页面

  1. <div id="pp" style="width:800px;height:500px;">  
  2.     <div style="width:33%"></div>  
  3.     <div style="width:33%"></div>  
  4.     <div style="width:33%"></div>  
  5. </div>  

第2步:创建一个门户

  1. $('#pp').portal(options);  

第3步:在这个门户中添加面板部件

  1. // create the panel   
  2. var p = $('<div></div>').appendTo('body');   
  3. p.panel({   
  4.     title: 'My Title',   
  5.     height:150,   
  6.     closable: true,   
  7.     collapsible: true  
  8. });   
  9.     
  10. // add the panel to portal   
  11. $('#pp').portal('add', {   
  12.     panel: p,   
  13.     columnIndex: 0   
  14. });  

 

属性

属性名 属性值类型 描述 默认值
width number 门户宽度。 auto
height number 门户高度。 auto
border boolean 定义是否显示门户边框。 false
fit boolean 当该属性为true时则设置门户大小自适应父容器。 false

 

事件

事件名 参数 描述
onStateChange none 在用户拖拽面板的时候触发。
onResize width,height 在门户大小改变的时候触发。

 

方法

方法名 参数 描述
options none 返回属性对象。
resize param 设置门户大小,'param'参数包含以下属性:
width:新的门户宽度。
height:新的门户高度。
getPanels columnIndex 获取指定列面板,当列索引参数未指定的时候则返回所有面板。
add param 添加一个新面板,'param'参数包含以下属性:
panel:添加的面板对象。
columnIndex:插入的列索引。
remove panel 移除和销毁指定面板。
disableDragging panel 禁用面板拖拽功能。
enableDragging panel 启用面板拖拽功能。

来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 96+79=? 的结果(结果是:175)
结  果: