[CLOSED] Adding a new grid record

[adelaney]

I am using MVC and Razor and I am trying to create a new record. Here is my store:

.Store(Sub(str)
                                                             str.Add(Html.X.Store().ID("tmStore").AutoLoad(True) _
                                                                     .Model(Sub(mdl)
                                                                                    mdl.Add(Html.X().Model.Fields(Sub(fields)
                                                                                                                          fields.Add(Html.X.ModelField.Name("CWTeamID").Type(ModelFieldType.Int))
                                                                                                                          fields.Add(Html.X.ModelField.Name("Name"))
                                                                                                                          fields.Add(Html.X.ModelField.Name("DrafterEmployeeID").Type(ModelFieldType.Int))
                                                                                                                          fields.Add(Html.X.ModelField.Name("ReviewerEmployeeID").Type(ModelFieldType.Int))
                                                                                                                          fields.Add(Html.X.ModelField.Name("CorrespondentEmployeeID").Type(ModelFieldType.Int))
                                                                                                                          fields.Add(Html.X.ModelField.Name("QAReviewerEmployeeID").Type(ModelFieldType.Int))
                                                                                                                  End Sub))
                                                                            End Sub) _

Here is my JavaScript:

function addTeam() {
        var grid = App.TeamGrid;  //$("#TeamGrid");
        debugger;

        var r = Ext.ModelManager.create({
        CWTeamID:0,
        Name:'New Team',
        DrafterEmployeeID: 0,
        ReviewerEmployeeID: 0,
        CorrespondentEmployeeID: 0,
        QAReviewerEmployeeID: 0
        }, 'Team');

        grid.store.insert(0,r);
        grid.editingPlugin.startEdit(0,0);
    }

Now in looking in the page source, the store gets defined like this:

Ext.create("Ext.grid.Panel", {
    store: {
        model: Ext.define(Ext.id(), {
            extend: "Ext.data.Model",
            fields: [{
                name: "CWTeamID",
                type: "int"
            }, {
                name: "Name"
            }, {
                name: "DrafterEmployeeID",
                type: "int"
            }, {
                name: "ReviewerEmployeeID",
                type: "int"
            }, {
                name: "CorrespondentEmployeeID",
                type: "int"
            }, {
                name: "QAReviewerEmployeeID",
                type: "int"
            }]
        })

When I try to run the code, I get this error:
TypeError: c is not a constructor


Since this is generated in Razor, I am not sure what the 'Team' parameter (in Javascript) value should really be. However, I have tried a variety of values, including nothing, with all generating the same error as above.

Additionally, my grid uses a combobox in edit mode. I would like the same effect during the add. The value zero is not amoung the set of values in my store. So, how can I basically get null value comboboxes in the place of all the ID fields? And finally, how can I validate the data entered (all is required) once the data is entered?