jquery - ExtJS 切换许多元素？

Question

我习惯了 jQuery 我会做的事情$('pre').toggle()。最直接的 ExtJS 等价物是什么？我正在使用版本 4.1.1.1。

我迷失在Ext.fly和之间切换Ext.dom.Query.select。

Answer 1

你可以使用Ext.select (selector, [unique], [root])。例如：

Ext.select('pre').toggle();

更多示例：

 Ext.select ('div: first'); // select a first div
 Ext.select ('div: last'); // select a last div
 Ext.select ('div: even'); // fetch even div
 Ext.select ('div: odd'); // fetch the odd div containing the 'bar'
 Ext.select ('input: checked]'); // select all input c checked = true
 Ext.select ('div {display = none}'); // select all the div with CSS-style display = none
 Ext.select ('div {display! = None}'); // select all the div with CSS-style display! = None
 Ext.select ('div {height% = 2}') // select all the div with CSS-style in which the height is divided into two
 Ext.select ('div: not (form)') // fetch div, not containing a form
 Ext.select ('div: has (a)') // fetch div, containing a link
 Ext.select ('input: checked') // select all checked checkboxes

Sencha 文档中的选择器：http ://docs.sencha.com/extjs/4.1.1/#!/api/Ext.dom.Query

Ext.fly() 方法类似于 Ext.get()，不同之处在于它针对垃圾收集进行了优化。开发人员建议在不需要重用生成的 DOM 元素的情况下使用它。