麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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.

仔細閱讀文檔是程序員必須要學會做的!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 色阁五月| 久久久线视频 | 欧美一级黄色片在线观看 | 午夜视频免费播放 | 福利在线免费 | 国产成人综合在线 | 日本视频在线播放 | 成人444kkkk在线观看 | 成人免费观看49www在线观看 | 欧美一区黄色 | 日日草夜夜草 | 性欧美极品xxxx欧美一区二区 | 欧美精品第1页 | 久久久久久久久日本理论电影 | 亚洲精久 | 欧美一区二区片 | 99riav视频一区二区 | av成人免费 | 国内精品视频饥渴少妇在线播放 | 欧美aaa| 亚洲成人伊人 | 一区二区久久久久草草 | 国产成人小视频在线观看 | 欧美人xx| 精品国产一区二区三区四区阿崩 | 久久精品中文字幕一区二区三区 | 精品一区二区视频在线观看 | 视频在线中文字幕 | 欧美日韩精品不卡一区二区三区 | 黄色特级一级片 | 国产69精品久久久久久 | 亚洲影院在线 | 久久不雅视频 | 色日本视频| 欧美一区二区网站 | 999久久久国产999久久久 | 国产精品久久久久久久四虎电影 | 四虎久草 | 毛片视频播放 | 日本免费一区二区三区四区 | 欧洲a级片 |