国产探花免费观看_亚洲丰满少妇自慰呻吟_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.

仔細閱讀文檔是程序員必須要學會做的!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 长阳| 孝义市| 麟游县| 阆中市| 蕲春县| 油尖旺区| 锡林浩特市| 定兴县| 孝感市| 穆棱市| 岳西县| 宁强县| 富源县| 屏山县| 天台县| 崇礼县| 铜川市| 班玛县| 赤水市| 金华市| 介休市| 海南省| 德惠市| 崇阳县| SHOW| 鱼台县| 山西省| 旬邑县| 赫章县| 甘肃省| 武山县| 伊通| 清水县| 武汉市| 监利县| 中宁县| 乐清市| 绿春县| 望都县| 望都县| 庄河市|