java - 分机 JS 5 : How to represent a java form to an ext js model?

Question

我是 Ext JS 的初学者，我想将我的 Java Form 发送到具有定义模型的 ext js 商店:这是我的 Java 表单:

public class Form {
    private member1;
    private member2;
    private List<AnotherType> membersList;

    //getters and setters
}

这是我的商店:

Ext.define('MyApp.store.Mystore', {

    extend   : 'Ext.data.Store',

    model : 'MyApp.model.MyModel',

    proxy : {
        type: 'rest',

        url : '/myapp/url/for/findForm',

        reader: {
            type: 'json'
            rootProperty : 'form'
        },

        writer: {
            type: 'json'
        }
    }
}

如何定义包含成员列表的 MyModel？

加载我的商店后如何使用此列表？(这是一个加载组合框的列表)

谢谢!

Answer 1

您的模型可能看起来像这样。我使用了类似于您在问题中使用的命名模式。

Ext.define("MyApp.model.Form", {
    extend: "Ext.data.Model",
    fields: [
        {name: "member1", type: "string"},
        {name: "member2", type: "string"},
    ],
    hasMany: {
        model: "MyApp.model.AnotherType",
        name: "membersList",
        associationKey: "membersList"
    }
});

Ext.define("MyApp.model.AnotherType", {
    extend: "Ext.data.Model",
    fields: [
        {name: "value", type: "string"},
        {name: "label", type: "string"},
    ]
});

您可以像这样创建一个组合框。

Ext.create("Ext.form.ComboBox", {
    fieldLabel: "Members",
    store: Ext.getStore("MyApp.store.Mystore").getAt(0).membersList(),
    queryMode: "local",
    displayField: "label",
    valueField: "value",
    renderTo: Ext.getBody()
});

请注意，以上只是您商店中使用第一个 MyApp.model.Form 的示例。您可能希望以更通用的方式创建组合框，但我不确定您的情况的具体情况。