2014-07-01 6 views
16

स्थानीय डेटासोर्स से मेरे केंडो यूआई ग्रिड पर डिफ़ॉल्ट सॉर्ट कॉलम सेट करने का प्रयास कर रहा है। मैंने सब कुछ पढ़ा है कि मुझे डालना चाहिए:डिफ़ॉल्ट डेटा स्रोत से Kendo UI ग्रिड स्थानीय डेटा स्रोत कॉलम सॉर्ट

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

डेटा स्रोत पर। मैंने यह कोशिश की है और यह अभी भी काम नहीं कर रहा है (निम्नलिखित उदाहरण के नीचे देखें)।

मेरा कोड पूरा हो गया है, मैं गलत कहां जा रहा हूं?

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

उत्तर

35

आप गलत जगह पर sort लाइन को परिभाषित कर रहे हैं। आप इसे ग्रिड की संपत्तियों में से एक के रूप में डाल रहे हैं, लेकिन यह है (जैसा कि आपने कहा था) डेटासॉर की संपत्ति में से एक है।

डेटा स्रोत संपत्ति के एक बच्चे के रूप में यह रखो:

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

यह अभी भी काम नहीं करता है, मैं तुम्हारे साथ आस-पास काम करने के लिए एक jsFiddle प्रदान कर सकते हैं।

संबंधित मुद्दे