单击网格单元格清除ExtJS面板

Question

我左边有一个网格（有一列），右边有一个面板。每次单击网格的单元格，我需要清除Panel中的现有数据，然后使用新数据加载它。

我可以加载数据，但问题在于清除Panel中的现有数据。对于例如假设在新数据之前和之后检查了一个复选框，它没有被选中。如果我不刷新它，仍将选中该复选框。

请告诉我如何清理Panel中各种组件的现有数据。

Answer 1

您可以通过查询和重置从表单面板中获取所有字段。

来自sencha的查询：ComponentQuery

var arrayElements = Ext.ComponetQuery.query('myViewPanelID form'); // try to look for your component panel.

第二步，您需要迭代所有组件并重置所有组件。

Sencha api：iterate an Array

Sencha api：Reset field

Ext.Array.each(arrayElements , function(el, index, elementItSelf) {
    el.reset(); 
});