2014-07-01 5 views
16

Versuchen, eine Standardsortierspalte auf meinem Kendo UI-Gitter aus einer lokalen Datenquelle zu setzen. Ich habe alles über das gelesen, dass ich setzen sollte:Kendo UI Grid lokale Datenquelle Spalte standardmäßig sortieren

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

auf die Datenquelle. Ich habe das versucht und es funktioniert immer noch nicht (siehe unten im folgenden Beispiel).

Hier ist mein Code in vollem Umfang, wo gehe ich falsch?

$('#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"} 
      }); 

Antwort

35

Sie definieren die sort Zeile an der falschen Stelle. Sie stellen es als eine der Eigenschaften des Rasters dar, aber es ist (wie Sie sagten) eine Eigenschaft der Datenquelle.

es als Kind der Eigenschaft Datenquelle Put:

$('#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", 
    }], 
}); 

Wenn ja, immer noch nicht ich eine jsFiddle bieten kann, mit denen Sie arbeiten, um.