Extjs allign seulement le texte de la cellule à droite

j'ai besoin d'aligner le texte de la cellule à droite.

{
            xtype : 'numbercolumn',
            dataIndex : 'lineAmount',
            id : 'lineAmount',
            header : 'Net Line amount',
            sortable : true,
            width : 150,
            summaryType : 'sum',
            css: 'text-align: rigth;',
            summaryRenderer : Ext.util.renderers.summary.sum,
            editor : {
                xtype : 'numberfield',
                allowBlank : false
            }

l'ajout de propriété align ne fonctionne pas pour moi, car elle s'aligne également sur texte d'en-tête

OriginalL'auteur kuldarim | 2013-09-26

4

Comme réponse à Mr_Green vous pouvez aligner le texte à droite ou à gauche à l'aide de
aligner.
Pour l'en-tête de rester alignés de manière centralisée utiliser css :
```
.x-column-header-inner{
    text-align:center;
 }
```
Mise à jour :

.....//
```
  {
    xtype : 'grid',
    cls   : 'gridCss',
    ...//other configs
  }
```
.....//

Dans votre application.fichier css :
```
 .gridCss .x-column-header-inner{
    text-align:center;
 }
```
Dans votre index.jsp
```
<link rel="stylesheet" type="text/css" href="app/resources/css/app.css">
```
n'estt it the same as adding css "text-align : left" pour ma colonne config?
comment attacher le css de mon composant?
S'il vous plaît regardez dans ma mise à jour de réponse
merci pour votre aide
Pour info: Dans Extjs 4.2 il doit être cls au lieu de css. Il n'y a pas de configuration appelé css dans Extjs 4.2. J'ai eu du mal en raison de ce fait parce que j'ai essayé le code ci-dessus des extraits.

OriginalL'auteur Dev
4

Il y a une config actuelle pour numbercolumn connu comme align. l'utiliser.

Chaque fois que vous êtes coincé renvoyer la secha docs qui est magnifiquement conçu seulement pour les débutants.

Je suis en supposant que vous êtes débutant et vous expliquant comment utiliser les docs.. pour votre compréhension claire:
- D'abord aller à la recherche de terrain, à la recherche d'un composant, d'une méthode ou d'un événement ou quelque chose d'autre.
- Dans votre cas, nous supposons que vous avez effectué une recherche pour "numbercolumn", alors vous pouvez voir la fenêtre suivante qui s'affiche toutes les cofigs, propriétés, méthodes, etc.. il suffit de passer sur eux et de savoir ce que "numbercolumn" est liée avec l'.
- Dans votre cas, vous êtes à la recherche pour une config qui aligner le texte à droite. alors vous êtes à la recherche surtout des mots-clés comme txtAlign, aligner, textAlign, etc..
- Par conséquent, vous trouverez une config, qui est par le nom de "aligner". il suffit de cliquer dessus pour en savoir plus à ce sujet.
- Après avoir appris la cofig "aligner", vous pouvez le tester. À cette fin, les docs ont fourni de code en ligne de l'éditeur de ce qui est montré dans l'image ci-dessous.
- L'éditeur de code a deux onglets, "éditeur de code" et "aperçu en direct". Les mots dit tout.
- Juste ajouter vos modifications dans "éditeur de code" et l'onglet voir votre résultat dans "aperçu en direct" onglet.
- Par exemple, l'Ajout align: "right" code ci-dessous "éditeur de code".
Mis à jour

CSS:
```
.columnAlign{
     text-align: right;
}
```
extjs
```
tdCls: "columnAlign",
```
comme je l'ai dit, cela ne fonctionne pas pour moi, car elle aligne les deux d'en-tête de cellule et j'ai besoin d'aligner seulement le texte de la cellule..
je sais comment utiliser la documentation, mais je pense que vous net understand where my problem is. I am not so dumb to do not understand how to add align property to my column config and ine suis pas débutant-utilisateur de ExtJs, mais cela ne change rien.
comme vous pouvez le lire dans votre posté lien Définit l'alignement de la header et le rendu des colonnes. Les valeurs possibles sont: 'gauche', 'centre', et 'droite'. Header n'est pas correct pour moi comme je l'ai mentionné avant
il est ok.. je viens d'ajouter d'autres utilisateurs... n'en déplaise. Je vais regarder dans votre solution d'attente.
utilisation tdCls au lieu de align et de passer un nom de classe qui détient text-align: right.

OriginalL'auteur Mr_Green

Fait merci les gars pour vos messages ça m'a beaucoup aidé. J'ai trouvé une solution moi-même.

J'ai besoin d'ajouter la propriété de l'id de ma colonne. Par exemple :

{
            xtype : 'numbercolumn',
            dataIndex : 'lineAmount',
            id : 'lineAmount',
            header : 'Net Line amount',

        }

et puis, il a sa propre classe css par exemple : .x-grid3-td-lineAmount j'ai donc suggéré css à ces catégories et il fonctionne bien maintenant, pour moi,

.x-grid3-hd-inner{
    text-align: left;
 }
 .x-grid3-hd-lineAmount{
    text-align: left;
 }
 .x-grid3-td-lineAmount{
    text-align: right;
 }
 .x-grid3-hd-taxAmount{
    text-align: left;
 }
 .x-grid3-td-taxAmount{
    text-align: right;
 }
 .x-grid3-hd-invoiceAmount{
    text-align: left;
 }
 .x-grid3-td-invoiceAmount{
    text-align: right;
 }

je pense que dans la version 4.2, il est préférable d'utiliser @Mr_Green solution, mais dans la version 3.4 de cette workarround fonctionne pour moi 🙂

OriginalL'auteur kuldarim

Vous devez vous connecter pour publier un commentaire.

CSS:

extjs