Question

I am having 3 form fields in a window named as : studentId, StudentName, studentLastname. If I enter studentID, it should populate values of studentname and studentlastname. How can I do that? I know that, I have to use listeners, but I am not sure, how exactly I will load values from database for this. It should be AJAx request and not form submission/reload.

Please let me know if u know it. I am using Extjs 4 and Spring MVC.

Thanks.
Jm

Answer 1

How far should the answer go? Do you also expect the server side code?

On the most basic level, you’d need to define a model with a proxy:

Ext.define('Student', {
    extend: 'Ext.data.Model',
    fields: ['id', 'firstName', 'lastName'],

    proxy: {
        type: 'ajax',
        url : 'students'
    }
});

Then once you enter a studentId you can do:

var iStudent = Ext.ModelManager.getModel('Student');

iStudent.load( studendId, {
    success: function( aStudent ) {
        console.log( aStudent );
        // Feed the student details into the form.
    }
});