extjs API查询参数示例代码

在Web开发中，ExtJS是一个强大的JavaScript框架，提供了丰富的API来构建交互式的用户界面。了解如何正确使用API查询参数对于充分发挥ExtJS的功能至关重要。本文将为您提供一些extjs API查询参数的示例代码，帮助您更好地理解和应用。

让我们来看一个简单的示例，用于查询ExtJS存储（Store）中的数据。假设我们有一个存储用户信息的Store，并且想要根据用户的姓名进行查询。以下是示例代码：

// 创建Store
var userStore = Ext.create('Ext.data.Store', {
    fields: ['id', 'name', 'age'],
    data: [
        { id: 1, name: '张三', age: 25 },
        { id: 2, name: '李四', age: 30 },
        { id: 3, name: '王五', age: 28 }
    ]
});

// 查询参数
var queryName = '张三';

// 执行查询
userStore.filterBy(function(record) {
    return record.get('name') === queryName;
});

// 获取查询结果
var results = userStore.getRange();
console.log(results);

在上述代码中，我们首先创建了一个包含用户信息的Store。然后，定义了查询参数queryName，并使用filterBy方法根据姓名进行查询。最后，通过getRange方法获取查询结果并打印到控制台。

除了在Store中查询数据，我们还可以在GridPanel中应用查询参数。以下是一个简单的示例：

// 创建GridPanel
var userGrid = Ext.create('Ext.grid.Panel', {
    store: userStore,
    columns: [
        { text: 'ID', dataIndex: 'id' },
        { text: '姓名', dataIndex: 'name' },
        { text: '年龄', dataIndex: 'age' }
    ]
});

// 查询按钮点击事件
var queryButton = Ext.create('Ext.button.Button', {
    text: '查询',
    handler: function() {
        var queryValue = Ext.getCmp('queryField').getValue();
        userStore.filterBy(function(record) {
            return record.get('name').indexOf(queryValue)!== -1;
        });
    }
});

// 查询输入框
var queryField = Ext.create('Ext.form.field.Text', {
    id: 'queryField'
});

在这个示例中，我们创建了一个GridPanel来显示用户信息，并添加了一个查询按钮和输入框。当点击查询按钮时，会根据输入框中的值在Store中进行查询，并更新GridPanel的显示。

通过以上示例代码，您可以初步了解extjs API查询参数的使用方法。在实际开发中，您可以根据具体需求进一步扩展和优化这些代码，以满足项目的要求。