У меня странная проблема с сенсорным сенча. Изменение значения в поле выбора застряло на экране. У меня есть приложение, в котором есть поля Выбрать, и при изменении значения поля выбора я применяю некоторые правила. Правило состоит в том, чтобы удалить все элементы экрана и добавить его заново.
Ниже приведен снимок кода.
Теперь, Он работает абсолютно нормально с Chrome, браузером Safari и браузером устройства iPad. Но теперь это вызывает странную проблему в iPhone и Android-устройстве . Экран застревает. После изменения значения в поле выбора события не допускаются.
принятые шаги; Кроме того, я поставил оповещение в качестве логгера на каждом шаге исходного кода, чтобы обеспечить бесконечный цикл. Я также поместил обработчики исключений, чтобы гарантировать, что произошла ошибка. Нет ошибок, нет ни муравейного бесконечного цикла, который может вызвать проблемы с памятью / временем выполнения.
App.views.MySampleScreen = Ext.extend(Ext.Panel, {
initComponent : function() {
var titlebar = {
dock : 'top',
xtype : 'toolbar',
cls: 'x-panel-title',
title : "Home Screen"
};
var buttonbar = {
xtype : 'toolbar',
dock : 'bottom',
cls: 'x-panel-footer',
items : [
{xtype : "spacer"}
]
};
var myFieldSet = new Ext.form.FieldSet({
xtype: 'fieldset',
id : 'myFieldSet',
name: 'myFieldSet'
});
var formBase = new Ext.form.FormPanel({
ui: 'round',
id: 'standardFormBase',
items: [myFieldSet],
});
Ext.apply(this, {
scroll: 'vertical',
pinHeaders: true,
dockedItems : [titlebar, buttonbar],
items : [formBase],
listeners: {
beforeactivate: function(panel) {
createAndInitScreen();
}
}
});
App.views.MySampleScreen.superclass.initComponent.call(this);
}
});
Ext.reg('App.views.MySampleScreen', App.views.MySampleScreen);
function createAndInitScreen(){
var myFieldSet = Ext.getCmp("myFieldSet");
myFieldSet.removeAll(true);
var stateList2 = new Ext.form.Select({
label: 'State',
name: 'state',
id: 'stateLis2t',
widht: '100%',
autoLoad: true,
labelWidth: '40%',
options: [{
text: 'Test', value: 'Test'
}, {
text: 'Test2', value: 'Test2'
}, {
text: 'Test3', value: 'Test3'
}],
listeners: {
afterrender: function(ele) {
},
change: function(field, value) {
createAndInitScreen(); // Here is the problem
// if i remove this then this works, but my need
//is to call CreateAndInitScreen after value change in select ()
}
}
});
myFieldSet.items.add(stateList2);
myFieldSet.show();
myFieldSet.doLayout();
}