2013-07-29 13 views
16

से सभी पंक्तियों को कैसे निकालें I Kendo grid का उपयोग कर रहा हूं।एक केंडो ग्रिड

मैं का उपयोग कर Kendo grid से सभी पंक्तियों को हटाना चाहता हूं।

मैंने उन्हें लूप का उपयोग करके हटा दिया लेकिन मैं सभी पंक्तियों को हटाने का सबसे अच्छा तरीका ढूंढना चाहता हूं।

उत्तर

39

कोड का पालन करने का प्रयास करें।

$("#Grid").data('kendoGrid').dataSource.data([]); 
डेमो क्लिक के लिए

here

+0

इस समस्या में @PaulGorbas का उल्लेख है [उनके उत्तर] (http://stackoverflow.com/a/40941272/298278)। [मुद्दा] (http://jsfiddle.net/fsvSE/115/) को प्रदर्शित करने के उत्तर में पहेली को अपडेट किया गया। यदि आप सभी पंक्तियों को हटाते हैं, और फिर डेटा को वापस क्रमबद्ध करने के लिए कॉलम हेडर पर क्लिक करें। – Windle

4

आप Angualrjs साथ काम कर रहे हैं, तो इस कोड का पालन करने की कोशिश:

$scope.gridData.data([]); 

कहाँ gridDatak-data-source="gridData"

+0

$ scope.gridId.dataSource.data ([]); मेरे लिये कार्य करता है। – jaycer

3

यह वास्तव में स्थानांतरित नहीं होता है ग्रिड के अंतर्निहित डेटा, यह केवल प्रदर्शित होने वाली पंक्तियों को साफ़ करता है। यदि आप "रिक्त" ग्रिड को सॉर्ट करते हैं, तो सभी पंक्तियां अंतर्निहित डेटा बनती हैं।

हैं के रूप में इस तरह दिखाया गया है अपने डेटा को हटाने के बजाय:

dataSource.data([]); 

और इसके बजाय डेटा, result.Data कहा जाता है कहते हैं की एक नई सरणी के साथ बदलने .. इस तरह:

dataSource.data(result.Data) 

आप डेटा स्वैप देखेंगे, लेकिन अगर सॉर्ट या पेज, तो मूल डेटा दिखाया गया है।

कोई भी जानता है कि वास्तव में डेटा को कैसे बदला जाए और नया डेटा ग्रिड के स्रोत डेटा को प्रतिस्थापित कर सके?

अद्यतन:

var grid = $("#grid").data("kendoGrid"); 
var dataSource = grid.dataSource; 
dataSource.data([]);//clear out old data 
dataSource.data(result.Data);//add new data 
grid.setDataSource(result.Data);//set the new data as the grids new datasource 
dataSource.sync();//refresh grid 
1

यह मेरे लिए ठीक काम किया: इस सवाल का जवाब भी setDataSource विधि का उपयोग करने के लिए है।

var grid = $("#Grid").data("kendoGrid"); 
var newDataSource = new kendo.data.DataSource({ 
    data: [] 
}); 
grid.setDataSource(newDataSource); 
संबंधित मुद्दे