国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

ExtJS DOM元素操作經驗分享

2019-11-20 22:21:28
字體:
來源:轉載
供稿:網友
記得最早剛接觸網頁操作DOM元素的時候是做畢業設計的時候,用JQuery操作的。畢業工作后是從事C++方面的編程,兩年后,又重新解決了網頁編程,不過這次不是用JQuery了,用的是ExtJS。就我經驗來看,程序員是一個需要不斷學習的行業(這也是為什么周圍的同事很多都有白頭發的緣故吧)。

好了,今天這篇文章的主題是分享下我使用 ExtJS 操作 DOM 元素的一些經驗。
設置元素點擊處理函數的方法
復制代碼 代碼如下:

var elem = Ext.get('start');

elem.on('click', function(e, t) {
alert(t.id);
});

查詢多個元素操作
復制代碼 代碼如下:

var body = Ext.query('body')[0];
body.className = "myStyle";

在實際項目中,由于需要更改一類元素的信息提示樣式,如果根據 css 來查找的話,當需要消失操作時,就不能繼續根據 css 來查找所有的元素了。這時,同事教會了我一種新的方法,如下:
復制代碼 代碼如下:

<span style='display:none;' group='message_group' class='error'></span>
<span style='display:none;' group='message_group' class='error'></span>

// 這樣多個同樣屬于 group 下的元素,可以通過此種方式獲取:
var elemMessageArray = Ext.select("span[group='message_group']");

var newCssObj = {};

if (isInfo) {
newCssObj["class"] = "info";
} else {
newCssObj["class"] = "error";
}

// 然后對每個元素重新設置css樣式就行了
elemMessageArray.each( function(el) {
el.set(newCssObj);
el.update(text);
el.show("display");
});

元素的顯示和隱藏

之前我一般用的方式
復制代碼 代碼如下:

Uncompleted = Ext.get('uncompleted');
elemUncompleted.setDisplayed(true);

這種方式能夠提供動畫效果,但是這樣的話,如果需要元素消失時:元素雖然消失了,但是同樣還是會占用了元素的空間位置,不便布局。后來,同事發現可以采用這種方式,雖然沒有了動畫效果,但是不會占用元素的位置:
復制代碼 代碼如下:

el.show("display");
el.hide("display");

剛才發現文檔中的說明:

Hide this element - Uses display mode to determine whether to use "display" or "visibility". See setVisible.

仔細閱讀文檔是程序員必須要學會做的!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 高淳县| 永丰县| 肥城市| 馆陶县| 资源县| 临安市| 湘乡市| 枣强县| 诏安县| 城口县| 封开县| 绥江县| 徐水县| 桐柏县| 康定县| 伊宁市| 泗洪县| 合江县| 泌阳县| 财经| 图木舒克市| 白朗县| 宝坻区| 临澧县| 綦江县| 宿州市| 忻城县| 万盛区| 蚌埠市| 甘洛县| 温宿县| 平塘县| 珠海市| 全州县| 桐庐县| 湄潭县| 堆龙德庆县| 旺苍县| 渝北区| 万山特区| 策勒县|