Extjs Component Ext.ComponentQuery.query通过变量名访问组件

Question

我正在使用Extjs Ext.ComponentQuery.query来访问名为combo_box_2的组件。

var i = 2;
var name2 = "combo_box_" + i;
Ext.ComponentQuery.query('combo[name=combo_box_2]')[0].bindStore(error_store);

上面的代码工作正常。但是我需要通过给出变量名name2来访问组件，而不是直接给出名称。但它不起作用。任何人都可以帮助我。

Ext.ComponentQuery.query('combo[name=name2]')[0].bindStore(error_store);

Answer 1

您必须将字符串与变量部分连接起来才能使该名称成为查询的一部分。

var i = 2;
var name2 = "combo_box_" + i;
var query = 'combo[name=' + name2 + ']';
Ext.ComponentQuery.query(query)[0].bindStore(error_store);

您还可以使用新的ES6功能template strings对其进行存档。

var i = 2;
var name2 = "combo_box_" + i;
Ext.ComponentQuery.query(`combo[name=${name2}]`)[0].bindStore(error_store);