Comment savoir quelles colonnes sont visibles avec Kendo Grid MVC

Question

J'ai une grille de Kendo avec un nombre de colonnes "x", mais l'utilisateur peut masquer les colonnes et j'ai besoin de savoir quelles colonnes sont visibles pour exporter des données uniquement pour ces colonnes, j'accède aux colonnes dans JS avec

var columns = $("#grid").data("kedoGrid"); 

mais il renvoie toutes les colonnes non seulement les visibles. tankz

Answer 1

Vous pouvez simplement obtenir la liste des colonnes en utilisant ceci:

var columns = $("#grid").data("kedoGrid").columns; 

Le résultat sera un tableau de tous les objets colonne qui a un nom de propriété hidden: true pour les colonnes cachées par les utilisateurs. Dans mon cas c'est comme suit. Donc, vous serez simplement en mesure d'obtenir la liste des colonnes visibles dans un tableau en utilisant les lignes de code suivantes.

var visibleColumns = []; 
jQuery.each(columns, function (index) { 
    if(!this.hidden) { 
    visibleColumns.push(this); 
    } 
}); 

colonne cachée

attributes: Object 
encoded: true 
field: "pb" 
footerAttributes: Object 
headerAttributes: Object 
hidden: true 
title: "Price/Book" 
width: 120 
__proto__: Object 

Colonne visible

encoded: true 
field: "name" 
title: "Company Name" 
width: 120 
__proto__: Object 

Espérons que cela aidera.