Accordion component:: Header and AltHeader Label


#1

I’m using an accordion component in my app (and many other components, of course).
In order to offer helpul hints to my users I’d like to change the labels that I’m using on these accordion:

/* definition /
{ view: ‘accordion’,
cols: [
{ header: ‘Partidas’, headerAlt: ‘Partidas’, id: ‘grid_acordeon_partidas’
body: { /
Below I have a Grid /

{ header: ‘Partida por COMPRAR’, headerAlt: ‘Detalle de la Partida’,id: ‘grid_acordeon_pagina_partida_detalles’
body: { /
Below I have a Form */

/* event definition /
var evnt_grid_acordeon_partidas_onclick = $(“grid_acordeon_partidas”).attachEvent(“onItemClick”, function (id){
/
How can I do this? /
$$(‘grid_acordeon_pagina_partida_detalles’).headerAlt = ‘HELPFUL HINT TO MY USER’;
/
maybe like this? */
$$(‘grid_acordeon_pagina_partida_detalles’).setHeaderAlt(‘HELPFUL HINT TO MY USER’);

/* all other stuff */
...
$$('grid_acordeon_pagina_partida_detalles').expand();

}

Any suggestion?

Please forgive my english, my spanish is better.

Thanks in advance.


#2

Sorry, this question must be under the DHTMLX Touch forum,
My first question here, sorry :blush:


#3

Hello,

Try to set new headerAlt in configuration of accordion item and then call refresh() method:

[code]var evnt_grid_acordeon_partidas_onclick = $(“grid_acordeon_partidas”).attachEvent(“onItemClick”, function (id){
var item = $$(‘grid_acordeon_pagina_partida_detalles’);
item.config.headerAlt = ‘HELPFUL HINT TO MY USER’;
item.refresh();

/* all other stuff */
...
item.expand();

}[/code]


#4

Great, with a small change it works,

This line does not work:
item.config.header = ‘HELPFUL HINT TO MY USER’;

But this one does:
item.define(‘header’, 'HELPFUL HINT TO MY USER ');

Thanks Alexandra :wink:


#5

You are welcome )