Custom Kendo Grid order with editable popup

Question

Please see this JS Fiddle for clarification.

In the fiddle, I want the popup editor fields to be in the order they're currently in: ID, Name, Type, Quantity, Notes . But in the grid itself, I'd like: Quantity, Type, Name .

Is separating the grid and the popup editor's field ordering possible? Ideally without creating more complicated templates (this example is simple, but in my real-world app, I'm dealing with 20+ fields).

Answer 1

The order is the one that you define in columns section of the Grid definition so just change the order as in : http://jsfiddle.net/JPgjd/4/

columns: [
    {
        command: ["edit"],
        title: "&nbsp",
        width: "95px"
    },
    { field: "quantity", title: "Qty" },
    { field: "type", title: "Type" },
    { field: "id", title: "ID", hidden: true },
    { field: "name", title: "Name" },
    { field: "notes", title: "Notes", hidden: true }
]

Remember that the order also apply when editing so hidden fields are displayed in the order defined in columns (hidden in a column definition applies only to grid not to editing form).