ExtJs window(一)使用API以及window常用属性和方法
生活随笔
收集整理的這篇文章主要介紹了
ExtJs window(一)使用API以及window常用属性和方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.使用API
xtype:組件的別名
Hierarchy 層次結構
Inherited mixins 混入的類
Requires 該組件需要使用的類
configs:組件的配置信息
properties:組件的屬性
methods:組件的方法
events:組件的事件
2.window組件常用屬性和方法講解:
configs:
constrain:布爾值,true為限制窗口只能在其容器內移動,默認值為false,允許窗口在任何位置移動。(另:constrianHeader屬性)
modal:布爾值,true為設置模態(tài)窗口。默認為false
plain:布爾值,true為窗口設置透明背景。false則為正常背景,默認為false
x、y 設置窗口左上角坐標位置。
onEsc:復寫onEsc函數,默認情況下按Esc鍵會關閉窗口。
closeAction:string值,默認值為'destroy',可以設置'hide'關閉時隱藏窗口
autoScroll:布爾值,是否需要滾動條,默認false
Ext.onReady(function(){//Ext.create方法相當于創(chuàng)建一個實例對象, Ext.create('Ext.window.Window',{title : '我是第一個組件',width : 400, //項目中用百分比的形式'20%',因為用戶屏幕不一樣height : 300,layout : 'fit',constrain : true,//限制窗口不超出瀏覽器modal : true, //設置模態(tài)窗口,背景置灰plain : true, //窗口設置為透明x:50,y:50, //設置窗口左上角位置autoScroll : true, //添加滾動條html : '<div style=width:200px;height:200px>我是一個div</div><div style=width:200px;height:200px>我是一個div</div>',constrainHeader : true,//不允許窗口標題超出瀏覽器邊界renderTo:Ext.getBody() //新創(chuàng)建的組件渲染到body,否則沒有東西}).show();//默認是隱藏的 });?
轉載于:https://www.cnblogs.com/wangqiang4518/p/5789427.html
總結
以上是生活随笔為你收集整理的ExtJs window(一)使用API以及window常用属性和方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Nginx-----相关配置-详细介绍
- 下一篇: 2、eclipse中使用Maven