Forms 在Extjs 4中填充表单更改字段的数据

我在一个名为：studentId、StudentName、studentLastname的窗口中有3个表单字段。如果输入studentID，它应该填充studentname和studentlastname的值。我该怎么做？我知道，我必须使用侦听器，但我不确定如何从数据库中为此加载值。它应该是AJAx请求，而不是表单提交/重新加载

如果你知道的话，请告诉我。我正在使用ExtJS4和SpringMVC

谢谢。

---

Jm

答案应该走多远？您是否也需要服务器端代码

在最基本的层面上，您需要定义一个：

输入学生ID后，您可以执行以下操作：

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

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

---

Ext功能丰富，提供了多种方法来实现您想要的功能。如果您不准备花时间学习它是如何工作的，那么最好还是坚持使用JQuery或其他DOM操纵器，甚至可能是原始javascript和http请求

你需要知道的一切都在API文档中，有很多例子和指南，还有一个很好的论坛。但还有很多东西需要学习

这里几乎没有关于服务器端代码的信息，教授Spring不是Sencha的工作。服务器需要能够接受请求并返回简单的“{success=true}”响应或Ext可以使用的格式的数据。例如，XML或JSON。也有一个直接的API，但我不建议你的第一个应用程序使用它

假设您想使用JSON字符串，您的服务器响应如下所示

[{"studentId":12345,"studentFirstName":"John","studentLastName":"Smith"},
{"studentId":12346,"studentFirstName":"Jenny","studentLastName":"Brown"},
{"studentId":12347,"studentFirstName":"Able","studentLastName":"Seaman"}]

您可以使用它通过Ext.Proxy和Ext.Model来填充Ext.Store（参见lzhaki的答案）

您可以通过Ext.ComponentManager使用文本框，并且可以使用Ext.Component提供的方法执行.setValue（）等方法

---

当您开始使用Ext时，它可能是一项艰苦的工作，它远远超出了DOM操作，您需要了解它是如何工作的，以获得它为程序员和应用程序可维护性提供的价值。

我不需要任何关于服务器端代码的信息。我只是想知道Extjs代码。我提供了关于我的框架的信息，这样，你就可以知道我到底使用了什么。谢谢你的信息，我会在这里告诉你的。。谢谢

[{"studentId":12345,"studentFirstName":"John","studentLastName":"Smith"},
{"studentId":12346,"studentFirstName":"Jenny","studentLastName":"Brown"},
{"studentId":12347,"studentFirstName":"Able","studentLastName":"Seaman"}]