ExtJS的DOM元素的操作经验分享

记得接触网络操作DOM元素的第一次的时候做的毕业设计，jQuery操作。毕业工作后从事编程的C++方面的，两年后，又解决了网页编程，但这次不是jQuery，使用ExtJS。尽我的经验是，程序员是一个行业，需要研究（这就是为什么许多周围的同事有白头发）。

好了，今天这篇文章的主题是分享一些我使用ExtJS来操作DOM元素的经验。
设置元素单击处理函数的方法
复制代码代码如下所示：
var elem = ext.get（开始的）；

elem.on（听到咔哒声，功能（E，T）{
警报（t.id）；
}）；

查询多元素操作
复制代码代码如下所示：
VaR的身体= ext.query（'body）{ 0 }；
body.classname =我；

在实际的项目中，由于我们需要改变一类元素的信息提示样式，如果我们想根据CSS找到它，当我们需要消失时，我们就不能继续找到基于CSS的所有元素，这时，我的同事教给我一种新的方法，如下所示：
复制代码代码如下所示：

因此，可以通过这种方式获得属于同一组元素的数量：
无功elemmessagearray = ext.select（跨{组'message_group}）；

无功newcssobj = { }；

如果（isinfo）{
newcssobj {类=信息；
{人}
newcssobj {类=错误；
}

然后在CSS上设置CSS样式的每个元素。
elemmessagearray.each（功能（EL）{）
el.set（newcssobj）；
el.update（文本）；
el.show（显示）；
}）；

元素的显示和隐藏

我以前的习惯
复制代码代码如下所示：
未完成的= ext.get（'uncompleted）；
ElemUncompleted.setDisplayed（真的）；

这种方式可以提供动画效果，但在这种情况下，如果元素消失，元素将消失，但它们将占据元素的空间位置。后来，同事发现它可以用这种方式，虽然没有动画效果，但它不会占用元素的位置。
复制代码代码如下所示：
el.show（显示）；
el.hide（显示）；

我刚刚在文件中找到了说明。

隐藏这个元素-使用显示模式来决定是否使用显示

仔细阅读文档是程序员必须学会做的事情！