rss

ExtJs Grid Cell : récupérer les classes de style d'une cellule de tableau

En ExtJs, il peut être utile de récupérer le style d'une cellule d'Ext.grid.EditorGridPanel par exemple.

voici comment procéder:

Dans un premier temps, il vous faut une référence vers votre grille (qui possède un attribut id unique bien sûr, ici égal à "myGridId"):

var myGrid = Ext.getCmp("myGridId");


Ensuite, par l'intermédiaire de la vue correspondant à la grille,
il est possible de récupérer l'élément HTML TD correspondant à une cellule (ici ligne 0, colonne 3)

var row = 0;
var col = 3;
var myCellHtmlTd = myGrid.getView().getCell(row,col);


Le résultat obtenu (myCellHtmlTd) est un élémént DOM Html : cf. référence w3schools

Il ne vous reste plus qu'a accéder à l'attribut "class" de votre élément pour obtenir les classes de style appliquées à la cellule.

var cellClass = myCellHtmlTd.getAttribute("class");
// pour IE HtmlElement possède les classes dans l'attribut "classname" !
cellClass = (cellClass ? cellClass : myCellHtmlTd.getAttribute("classname"));

Récupérer le style appliqué à une cellule permet par exemple de distinguer sur une ligne de tableau une cellule modifiée d'une cellule non modifiée par exemple (MyGridView::isDirty(r,c) n'ayant pas été implémenté ?)

enjoy ! ^^

Aucun commentaire:

Enregistrer un commentaire

Mots clés du blog

acceptancetest androï Android androïd Android7 api appender appengine application applications archive array assistantematernelle astuce auth0 authentication authority automation Axis bash bearer blog bower build bundle c calendrier camille combal cdi certificate cf client cloudfoundry collaboratif command commandes connexion console css démasquées démasquer développement dll dump easter eggs écologie écrit employeur EMUI EMUI5.0 enfant évènement export-package ExtJS fiche find firefox gadget gelf gem git gmail gooelappengine google gparted gps graylog grenoble Grid gui harddrive heroku hover howto HTML http https IE ihm immobilier imprimante innovation insolite instance integration Java JavaScript jenkins jeu jobs json json-schema-validator key keystore labs linux livre log log4j logger logs lombok masquées masquer maven maven-gae-plugin Mémoire microsoft mobile mockito mondialisation monitor MUSE musique en ligne myopera nodejs npm NT NTEventLogger onglet openstack osgi paas package parameters parent php politique prosyst prototype proxies proxy quartz radio rappel recherche regex repository resize RIA rock route ruby rubygems s8500 samsung scheduler scm sel selenium Serializer server shared shell slf4j smartphone so société song spy ssh ssl struct swagger swig tâches téléphone téléréalité test thunderbird timeout token Tomcat tooltip tooltips truststore ubuntu unit test validator virgin virtualbox wave waze web WebApp wiki wikimedia wikipédia wikipen windows yahoo youtube yum