Datagrid, formatter & css [Résolu]

[Guildux]

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 :

Code :

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>

Fonction JS appelee :

Code :

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>";
 
	}

Chargement des donnees :

Code :

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);
});

[Daniel_Gibot]

Il y a un objet "parser" dans dojo.
Je pense qu'en parasant le datagrid le bouton apparaitra formaté. Par contre je n'ai jamais essayé de parser un datagrid alors c'est une simple hypothèse

Code :

1
2
3
4
 
dojo.require("dojo.parser");
...
dojo.parser.parse("iddudatagrid");

[Guildux]

Merci pour "l'hypothese"

Mais ca ne semble pas fonctionner

[Guildux]

J'ai trouve une solution, que je prefere amplement a la methode initiale.

Plutot que de retourner un code html, je retourne un widget dojo. A ce moment, le parsing fonctionne correctement (sans besoin d'appeler explicitement dojo.parser.parse() ).

Le code de la fonction ressemble donc a ca :

Code :

1
2
3
4
5
6
7
8
9
10
 
function format_Ticket_creer_assign_grid(login) {
	var button = new dijit.form.Button(
		{
			label: 'Enlever',
			iconClass: 'removeIcon'
		}
	);
	return button;
}