Bonjour,
au sein d'un dojox.grid.DataGrid, je specifie un formatter particulier pour une colonne de cette grid.
la fonction JS appelee lors du formattage me renvoi une balise <button></button>.
cette fonction est bien appelee et le bouton est bien present dans chaque cellule de la colonne. Le seul probleme, c'est que le css n'est pas applique sur ce bouton (couleur de fond, icone, ...).
Cela doit etre du au fait qu'ils sont generes a la volee suite au remplissage de mon dataGrid par des donnees recu lors d'une requete ajax. Comment est-il possible de forcer dojo a appliquer les CSS ?
Ci dessous le code :
Layout du dataGrid :
Fonction JS appelee :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <table id='Ticket_creer_assign_grid' dojoType='dojox.grid.DataGrid' autoWidth='true' autoHeight='true' style='width: 100%;'> <thead> <tr> <th field='users_login' width='100px'>Login</th> <th field='users_login' width='100px' formatter=format_Ticket_creer_assign_grid>Actions</th> </tr> </thead> </table>
Chargement des donnees :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 function format_Ticket_creer_assign_grid(login) { return "<button dojoType='dijit.form.Button' type='button' iconClass='removeIcon' onclick='javascript:remove_Ticket_creer_assignment(\""+login+"\")'>Remove</button>"; }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 dojo.xhrGet( { url: '/Intra/Unstable/public/Ticket/assign/id/'+id, handleAs: 'json', load: function(param) { var assignGrid = dijit.byId('Ticket_index_assign_grid'); var store = new dojo.data.ItemFileWriteStore( { data: { identifier: 'users_login', label: 'users_login', items: param } }); assignGrid.setStore(store); });
Partager