煎茶触摸搜索表

Question

我真的希望有人能帮助我，这看起来应该很明显，但是sencha文档不是很容易阅读和不完整。 我正在尝试构建搜索表单，但它似乎并没有占用商店或url，并且我不知道如何添加诸如page之类的参数？ 有人可以帮忙吗？ 此代码仅产生无法加载资源：null。

        var searchField = new Ext.form.Search({
            value:'Search',
            url: 'someurl',
            store: this.data_store,
            cls:'searchfield',
            listeners: {
                focus: function(){ searchField.setValue(''); },
                blur: function(){ if( searchField.getValue()=='' ){ searchField.setValue('Search'); } },
                success: function(e){
                    console.log(e);
                }
            }
        });

   this.dockedItems = [ searchField ];

Answer 1

Ext.form.FormPanel不会直接使用Ext.data.Store或Ext.data.Model ，而是会处理Ext.data.Model实例。 假设您有以下模型：

Ext.regModel('MyForm', {
    fields: [{name: 'id', type: 'int'},'name','description']
    proxy: {
    type: 'ajax',
        url: 'url_to_load_and_save_form'
    }
})

现在，您的表单定义将如下所示：

Ext.form.MyForm = Ext.extend(Ext.form.FormPanel, {
    record : null,
    model: 'MyForm',

    items: [{
        xtype: 'hidden',
        name: 'id' 
    },{
        xtype: 'textfield',
        name: 'name',
        allowBlank: false
    },{
        xtype: 'textarea',
        name: 'description'
    }],
    submit : function(){
        var record = this.getRecord() || Ext.ModelMgr.create({}, this.model);
        this.updateRecord(record , true);
        record.save({
            scope: this,
            success : function(record, opts){
                this.fireEvent('saved', record);
            },
            callback: function(){
                this.setLoading(false);
            }
        });
    }
});
Ext.reg('MyForm',Ext.form.MyForm);

当然，您应该添加一些验证和一个按钮来实际调用Ext.form.MyForm.submit方法。