Filter question

[ksj]

Hi,

I am beginner to Sencha. I am writing one simple program where I have to filter some store data.
If I do this in test project, it works. But in actual project the store.filter() always return empty list. There is absolutely no difference between two projects as far as code is concerned. I observed one thing though, in my test project, store.getData() returns following info.

Class

• _autoFilter: true
• _autoSort: true
• _filterRoot: "data"
• _filters: Class
  • _autoFilter: true
  • _autoSort: true
  • all: Array[1]
    • 0: Class
      • _filterFn: function (item) {
      • _id: "optionid-1"
      • _property: "optionid"
      • _root: "data"
      • _value: 1

and in actual project, the same variable is displayed as:

Class

• _autoFilter: true
• _autoSort: true
• _filterRoot: "data"
• _filters: Class
  • _autoFilter: true
  • _autoSort: true
  • all: Array[1]
    • 0: Class
      • _filterFn: function (item) {
      • _id: Class
      • _property: Class
      • _root: "data"

Portion marked in red is the only difference i can think of. Would this cause issue? Is it due to referring different jar files?

Thanks in advance

[mitchellsimoens]

code?

[ksj]

hey!! thanks for reply, please go though the code below:

Test project code:[working]

Ext.define('Test.view.TeenPage',{
extend:'Ext.form.Panel',
xtype:'teenpage',
id:'teenpage',
config:{
title: 'Teen!',
layout:'card',
listeners: {
painted:function() {
console.log("Inside painted");
store = Ext.getStore('TeenStore');

store.clearFilter();
var filter = new Ext.util.Filter({
property: 'optionid', value: 1
});

store.filter(filter);
console.log(store.getData());
}
},
},
});

Actual Page code:

Ext.define('Actual.view.login.TeenPage',{
extend:'Ext.form.Panel',
xtype:'teenpage',
id:'teenpage',
config:{
title: 'Teen!',
layout:'fit',

listeners: {
painted:function() {
console.log("Inside teen page painted");
store = Ext.getStore('TeenStore');

store.clearFilter();
var filter = new Ext.util.Filter({
property: 'optionid', value: 1
});
store.filter(filter);
console.log(store.getData());
}
},
}
});

Thanks,

[ksj]

Additions marked inline
TEST:
Ext.define('Test.view.TeenPage',{
extend:'Ext.form.Panel',
xtype:'teenpage',
id:'teenpage',
config:{
title: 'Fun for Teen!',
layout:'card',
listeners: {
painted:function() {
store = Ext.getStore('TeenStore');
store.clearFilter();
var filter = new Ext.util.Filter({
property: 'optionid', value: 1
});
store.filter(filter);
}},
items:[
{
xtype:'list',
store:'TeenStore',
itemTpl:'<h1>{optionid}.{question}</h1> \
<h2> \
<input type="radio" name="Q1Answer" value= {option1}/> {option1}<br/> \
<input type="radio" name="Q1Answer" value= {option2}/> {option2}<br/> \
<input type="radio" name="Q1Answer" value= {option2}/> {option3}<br/> \
</h2>'
},
]},
});

Actual:
Ext.define('SLAL.view.login.TeenPage',{
extend:'Ext.form.Panel',
xtype:'teenpage',
id:'teenpage',
config:{
title: 'Fun for Teen!',
layout:'card',

listeners: {
painted:function() {
store = Ext.getStore('TeenStore');
store.clearFilter();
var filter = new Ext.util.Filter({
property: 'optionid', value: 1
});
store.filter(filter);
}},
items:[
{
xtype:'list',
store:'TeenStore',
itemTpl:'<h1>{optionid}.{question}</h1> \
<h2> \
<input type="radio" name="Q1Answer" value= {option1}/> {option1}<br/> \
<input type="radio" name="Q1Answer" value= {option2}/> {option2}<br/> \
<input type="radio" name="Q1Answer" value= {option2}/> {option3}<br/> \
</h2>'
},
]}
});