Kendo UI Grid colonna di origine dati locale ordinamento per impostazione predefinita

Question

Tentativo di impostare una colonna di ordinamento predefinita sulla mia griglia UI di kendo da un'origine dati locale. Ho letto tutto quello che dovrei mettere:

sort: { field: "price", dir: "desc" } 

sulla fonte di dati. Ho provato questo e ancora non funziona (vedi in basso del seguente esempio).

Ecco il mio codice per intero, dove sto andando male?

$('#grid').kendoGrid({ 
       dataSource: [ 
        { 
         date: "Feb 13 2014", 
         price: 5, 
        }, 
        { 
         date: "Feb 15 2014", 
         price: 7, 
        }, 
        { 
         date: "Feb 12 2014", 
         price: 6, 
        } 
       ], 
       height:500, 
       sortable: true, 
       pageable: false, 
       columns: [ 
        { 
         field: "date", 
         title: "Date" 
        }, 
        { 
         field: "price", 
         title: "Price", 
        } 
       ], 
       sort: {field: "price", dir: "desc"} 
      }); 

Answer 1

Si sta definendo la riga sort nel posto sbagliato. Lo stai inserendo come una delle proprietà della griglia, ma è (come hai detto tu) una delle proprietà della sorgente dati.

messo come un figlio della proprietà DataSource:

$('#grid').kendoGrid({ 
    dataSource: { 
     data: [{ 
      date: "Feb 13 2014", 
      price: 5, 
     }, { 
      date: "Feb 15 2014", 
      price: 7, 
     }, { 
      date: "Feb 12 2014", 
      price: 6, 
     }], 
     sort: { 
      field: "price", 
      dir: "desc" 
     } 
    }, 
    height: 500, 
    sortable: true, 
    pageable: false, 
    columns: [{ 
     field: "date", 
     title: "Date" 
    }, { 
     field: "price", 
     title: "Price", 
    }], 
}); 

Se ancora non funziona, posso fornire un jsFiddle per voi di lavorare con.