国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Extjs的一些基礎使用!

kel / 2584人閱讀

摘要:當含有該樣式返回返回該元素的統一化當前樣式和計算樣式。返回當前元素與送入元素的距離。由返回的對象去進行定位。設置元素的高度。保存當前的溢出,然后進行裁剪元素的溢出部分使用來移除。測試不同的規則瀏覽器以確定該元素是否使用。

一、獲取元素(Getting Elements) 1. Ext.get()
var el = Ext.getCmp("id");//獲取元素,等同于document.getElementById("id");//會緩存 
2. Ext.fly()
var el = Ext.fly("id")//不會緩存。 

注:享元模式(Flyweight Design Pattern)是一種節省內存的模式,該模式的大概原理是建立單個全體對象然后不斷反復使用它。

3. Ext.getDom()
var dom1 = Ext.getDom("id");     // 依據id來查dom節點 
var dom2 = Ext.getDom(element);  // 依據元素來查dom節點 
二、操作class類名 1、addClass()
Ext.fly("id").addClass("className"); // 加入元素的"className"的樣式 
2、removeClass()
Ext.fly("id").removeClass("className"); // 刪除class  
3、toggleClass()
Ext.fly("id").toggleClass("className"); // 切換刪除添加類名 
4、replaceClass()
Ext.fly("id").replaceClass("className1", "className2");//替換樣式     
5、radioClass()
Ext.fly("id").radioClass("className");   //添加一個或多個className到這個元素,并移除其他兄弟節點上的相同類名。    
6、hasClass()
if (Ext.fly("id").hasClass("className")) { //當含有該樣式返回true 
     
} 
7、getStyle()
var width = Ext.fly("id").getStyle("width");//返回該元素的統一化當前樣式和計算樣式。 
var height = Ext.fly("id").getStyle("height");//返回該元素的統一化當前樣式和計算樣式。 
8、setStyle()
Ext.fly("id").setStyle({ 
     display : "block", 
     overflow : "hidden", 
     cursor : "pointer" 
});//設置元素的樣式,也可以用一個對象參數包含多個樣式。 
9、getColor()
Ext.fly("id").getColor("color");//為指定的CSS屬性返回CSS顏色 
10、setOpacity()
Ext.fly("id").setOpacity(.45, true);//設置元素的透明度。 
11、clearOpacity
Ext.fly("id").clearOpacity();//清除這個元素的透明度設置 
三、定位(position) 1、getX
//返回元素相對于頁面坐標的X位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none            或未加入的elements返回false)。 
var pageX = Ext.fly("id").getX() 
2、getY
//返回元素相對于頁面坐標的Y位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none或未加入的elements返回false)。 
var pageY = Ext.fly("id").getY() 
3、getXY
//返回元素當前頁面坐標的位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none或未加入的elements返回false)。 
var arrayXY = Ext.fly("id").getXY() // arrayXY是數組 
4、setX
//返回元素相對于頁面坐標的X位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none或未加入的elements返回false)。 
Ext.fly("id").setX(10) 
5、setY

//返回元素相對于頁面坐標的Y位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none或未加入的elements返回false)。
Ext.fly("id").setY(10)

6、setXY
//返回元素當前頁面坐標的位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none或未加入的elements返回false)。 
Ext.fly("id").setXY([20,10]) 
7、getOffsetsTo
//返回當前元素與送入元素的距離。這兩個元素都必須是屬于DOM樹中的一部分才擁有正確的頁面坐標(display:none或未加入的elements返回false)。 
var offsets = Ext.fly("id").getOffsetsTo(anotherEl); 
8、getLeft
//獲取左邊的X坐標。 
var left = Ext.fly("id").getLeft(); 
9、getRight
//獲取元素右邊的X坐標(元素X位置 + 元素寬度)。 
var right = Ext.fly("id").getRight(); 
10、getTop
//獲取頂部Y坐標。 
var top = Ext.fly("id").getTop(); 
11、getBottom
//獲取元素的底部Y坐標(元素Y位置 + 元素寬度)。 
var bottom = Ext.fly("id").getBottom(); 
12、setLeft
//直接使用CSS樣式(代替setX()),設定元素的left位置。 
Ext.fly("id").setLeft(25) 
13、setRight
//設置元素CSS Right的樣式。 
Ext.fly("id").setRight(15) 
14、setTop
//直接使用CSS樣式(代替setY()),設定元素的top位置。 
Ext.fly("id").setTop(12) 
15、setBottom
//設置元素CSS Bottom的樣式。 
Ext.fly("id").setBottom(15) 
16、setLocation
//無論這個元素如何定位,設置其在頁面的坐標位置。元素必須是DOM樹中的一部分才擁有頁面坐標(display:none或未加入的elements會當作無效而返回false)。 
Ext.fly("id").setLocation(15,32) 
17、moveTo
//無論這個元素如何定位,設置其在頁面的坐標位置。元素必須是DOM樹中的一部分才擁有頁面坐標(display:none或未加入的elements會當作無效而返回false)。 
Ext.fly("id").moveTo(12,17) 
18、position
//初始化元素的位置。如果未傳入期待的位置,而又還沒定位的話,將會設置當前元素為相對(relative)定位。 
Ext.fly("id").position("relative") 
19、clearPositioning
//當文檔加載后清除位置并復位到默認。 
Ext.fly("id").clearPositioning() 
Ext.fly("id").clearPositioning("top") 
20、getPositioning
//返回一個包含CSS定位信息的對象。有用的技巧:連同setPostioning一起,可在更新執行之前,先做一個快照(snapshot),之后便可恢復該元素。 
var positions = Ext.fly("id").getPositioning() 
21、setPositioning
//由getPositioning()返回的對象去進行定位。 
Ext.fly("id").setPositioning({ 
    left: "static", 
    right: "auto" 
}) 
22、translatePoints
//送入一個頁面坐標的參數,將其翻譯到元素的CSS left/top值。 
// {left:translX, top: translY} 
var points = Ext.fly("id").translatePoints(15,18);    
四、尺寸&大小 1、getHeight
//返回元素的偏移(offset)高度。 
var height = Ext.fly("id").getHeight(); 
2、getWidth
//返回元素的偏移(offset)寬度。 
var width = Ext.fly("id").getWidth(); 
3、setHeight
//設置元素的高度。 
Ext.fly("id").setHeight(); 
4、setWidth
//設置元素的寬度。 
Ext.fly("id").setWidth(); 
5、getBorderWidth
//返回指定邊(side(s))的padding寬度。 
var borderWidth = Ext.fly("elId").getBorderWidth("lr"); 
6、getPadding
//可以是t, l, r, b或是任何組合。例如,傳入lr的參數會得到left padding +(r)ight padding。 
var padding = Ext.fly("id").getPadding("lr"); 
7、clip
//保存當前的溢出(overflow),然后進行裁剪元素的溢出部分 - 使用unclip()來移除。 
Ext.fly("id").clip(); 
8、unclip
//在調用clip()之前,返回原始的裁剪部分(溢出的)。 
Ext.fly("id").unclip(); 
9、isBorderBox
//測試不同的CSS規則/瀏覽器以確定該元素是否使用Border Box。 
if (Ext.isBorderBox) { 
     
} 

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52512.html

相關文章

  • extjs-mvc結構實踐(一):搭建基礎架構

    摘要:今天開始,一點點記錄一下使用搭建一個基礎結構的過程。沒辦法,記性差這種結構的前端,主要是面向后臺信息管理系統,可以最大限度的規范前端代碼結構和數據結構。 今天開始,一點點記錄一下使用extjs6.2.0搭建一個基礎MVC結構的過程。沒辦法,記性差:)這種結構的UI前端,主要是面向后臺信息管理系統,可以最大限度的規范前端代碼結構和數據結構。做網站 或者手機端,這種方式全引入了extjs,...

    kamushin233 評論0 收藏0
  • extjs-mvc結構實踐(二):基本頁面

    摘要:接著來,上一篇搭建了基本的項目骨架,到最后,其實啥也沒看見。。。目標全屏顯示左側導航菜單,右側標簽頁切換操作內容區域。一般模型與你后臺返回的數據結構一一對應。給其他組件提供一致接口使用數據。整個構成一個所謂的。 接著來,上一篇搭建了基本的項目骨架,到最后,其實啥也沒看見。。。書接上回,開始寫UI效果。 目標 全屏顯示、左側導航菜單,右側標簽頁切換操作內容區域。包含header和foo...

    changfeng1050 評論0 收藏0
  • Extjs 筆記

    摘要:前言本文章為平時工作是遇到的一些特效,不定時更新,并非完全原創,如有意見或建議,請在下方留言,我會做出相應補充或處理。自適應寬度復制按鈕實現通過點擊按鈕將特定內容復制到瀏覽器剪貼板的功能。 前言 本文章為平時工作是遇到的一些Extjs特效,不定時更新,并非完全原創,如有意見或建議,請在下方留言,我會做出相應補充或處理。 grid 鼠標懸浮提示 通過列的render屬性改變樣式 func...

    zhouzhou 評論0 收藏0
  • extjs-mvc結構實踐(三):完善基本頁面

    摘要:上篇實現了基本的代碼架構,控制器動態加載功能以及一個基礎的頁面布局,本節開始,將陸續完善這個頁面。頁面底部區域,主要顯示版權信息等,也可以顯示個時間啥的。。。頭部和底部定義完畢后,需要在中引入對應位置。 上篇實現了基本的代碼架構,控制器動態加載功能以及一個基礎的頁面布局,本節開始,將陸續完善這個頁面。 目標 如前所述,我們的頁面包含這么幾個區域: header: UI頂部區域,顯示系...

    zhkai 評論0 收藏0

發表評論

0條評論

kel

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<