jqGrid - comment changer le titre en fonction de la propriété de tri colModel

Question

Lorsque la souris survole chaque colonne, je voudrais que l'info-bulle indique si cette colonne peut être triée.
Je suis en mesure de changer le titre attribut avec quelque chose comme ceci:

$("#List .ui-th-column").each(function(i) { 
    var isSortable = i % 2; 
    $(this).attr('title', isSortable ? "Not Sortable" : "Click header to sort."); 
}); 

J'aimerais remplacer l'expression de démonstration « i% 2 » avec un chèque de triables propriété du colMode , mais je n'arrive pas à comprendre comment obtenir la valeur de la propriété sortable de colModel.

colModel: [ { name: 'Name', index: 'Name', width: 100, sortable: true }, 
      { name: 'Note', index: 'Note', width: 200, sortable: false } ] 

J'ai essayé .getGridParam et .getColProp mais je ne pense pas que la syntaxe que je utilise est correcte.

Answer 1

Pour obtenir la valeur de la propriété sortable comme toute autre propriété de la définition de la colonne que vous pouvez faire ce qui suit:

var grid=$("#list"); 
var propsName = grid.jqGrid('getColProp','Name'); 
var propsNote = grid.jqGrid('getColProp','Note'); 
alert("'Name' has sortable="+propsName.sortable+ 
     "\n'Note' has sortable="+propsNote.sortable); 

Pour définir l'info-bulle sur l'en-tête de colonne que vous pouvez faire à la suite

var setTooltipsOnColumnHeader = function (grid, iColumn, text) { 
    var thd = $("thead:first", grid.hdiv)[0]; 
    $("tr th:eq(" + iColumn + ")", thd).attr("title", text); 
}; 
var grid=$("#list"); 
setTooltipsOnColumnHeader(grid,2,"Bla Bla!"); 

Ici, nous identifions la colonne par l'indice des colonnes visibles.

Vous pouvez facilement réécrire les exemples de code pour votre usage.

Answer 2

Cela fonctionne bien. merci pour toute l'aide Oleg.

$("#gbox_List .ui-th-column").each(function(i) { 
    var col = grid.getGridParam('colModel'); 
    var isSortable = grid.jqGrid("getColProp", col[i].name).sortable; 
    $(this).attr('title', isSortable ? "Click header to sort by column." : "Not Sortable"); 
}); 

Vous aviez raison sur les $ (# Liste ne pas être au bon endroit sur le DOM, il aurait dû être #gbox_List -. Les informations supplémentaires qui ont fait clairement

j'avais à utiliser .ui-TH- colonne plutôt que .ui-TH- étiquettes pour la .each à boucle à travers chaque colonne.

I a pu éviter coder en dur le nom de colonne à l'aide de grid.getGridParam ('colModel') pour renvoyer un tableau, puis en saisissant la propriété .name pour chaque colonne.

Cette solution est sympa car j'ai ~ 20 grilles, chacune avec beaucoup de colonnes non supportables et avoir une ligne différente pour chaque colonne non supportable aurait été désordonné. Maintenant, je peux profiter du paramètre de propriété triable dans le colModel.