javascript - ExtJS - 如何遍历商店并获取在特定列中找到的每个项目的总数

Question

我目前有一个包含人员列表的商店，其中包含有关他们的某些详细信息(即姓名、职位、年龄)。

我的目标是在我的页面顶部有两个字段 - 一个获取学生总数，另一个获取教师总数。

最好的方法是什么？

        {
            xtype: 'numberfield',
            name: 'studentcount',
            fieldLabel: 'Student Count',
            minValue: 0,
            readOnly: true,
        },
        {
            xtype: 'numberfield',
            name: 'teachercount',
            fieldLabel: 'Teacher Count',
            minValue: 0,
            readOnly: true
        }

    columns:[
            { text: 'Name', dataIndex: 'name', editor:'textfield'},
            // position is either 'student' or 'teacher'
            { text: 'Position', dataIndex: 'position', editor:'textfield'},
            { text: 'Age', dataIndex: 'age', editor:'textfield'},
        ]

        let store = Ext.create('schoolstore',{

            listeners: {
                'update': function(store, record){

                }
            }
        })

**Name - Position - Age**

John, Teacher, 44
Andrew, Teacher, 40
Stan, Student, 15
Jane, Student, 14
Alice, Student, 16
Mark, Teacher, 50

我是 ExtJS 的新手，所以非常感谢任何帮助，我什至不确定使用更新监听器是否是正确的开始方式？

我已经查看了其他地方，包括 Sencha 论坛(目前似乎已关闭？)，但我似乎无法获得针对我的问题的具体答案。

Answer 1

这可能对你有用。

let array = [
   { name: 'John', position: 'teacher', age:'44'},
   { name: 'Andrew', position: 'teacher', age:'40'},
   { name: 'Stan', position: 'student', age:'15'},
   { name: 'Jane', position: 'student', age:'14'},
   { name: 'Alice', position: 'student', age:'16'},
   { name: 'Mark', position: 'teacher', age:'50'},
];

function arrayFilter(array, query) {
  return array.filter(element => {
    return (
      element.position
        .toString()
        .toLowerCase()
        .indexOf(query.toString().toLowerCase()) !== -1
    );
  });
};

let studentsCount = arrayFilter(array, 'student').length;
let teachersCount = arrayFilter(array, 'teacher').length;

console.log(studentsCount);
console.log(teachersCount);