Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Abbie on Dec 15, 2009 12:52
open dhtmlx forum
dhtmlx tree - loading message

Hi,

I'm using tree.enableLoadingItem(text). Can you show me how to change im0, im1 and im2 values for the temporary item?

Also how can I change the color/style of the text of temporary item?

Thanks!
Answer posted by Alex (support) on Dec 16, 2009 02:04

Hello,

you can place html element with a certain style as a text. That will allow to set teh necessary color:

tree.enableLoadingItem("<div style='color:red'>Loading...</div>");

In order to change the image you should modify the dhtmlxtree_lf.js:

please locate the following line here

this.insertNewItem(id,"fake_load_xml_"+id,this._tfi_text);

and add the image name as the 5th parameter:

this.insertNewItem(id,"fake_load_xml_"+id,this._tfi_text,false,IMAGE);

Answer posted by Abbie on Dec 16, 2009 10:04
Hello,

Thank you for your response.

I modified dhtmlxtree_lf.js per above instruction and the new image was displayed for im0 (leaf item).

However, im1 default image (folderOpen.gif - folder in open state) was momentarily displayed before
the fake item (Loading...) was deleted. Is there a way to modify im1 and im2 default values of the fake item?

Thanks again!
Answer posted by Abbie on Dec 16, 2009 10:31
Nevermind! found the solution.

Added the 3 images in this.insertNewItem.

Thanks!
Answer posted by Abbie on Dec 16, 2009 10:36
Hello,

Thank you for your response.

I modified dhtmlxtree_lf.js per above instruction and the new image was displayed for im0 (leaf item).

However, im1 default image (folderOpen.gif - folder in open state) was momentarily displayed before
the fake item (Loading...) was deleted. Is there a way to modify im1 and im2 default values of the fake item?

Thanks again!
Answer posted by Alex (support) on Dec 17, 2009 02:16

Hello,

You can also set 2 other images in the this.insertNewItem method

this.insertNewItem(id,"fake_load_xml_"+id,this._tfi_text,false,IMAGE,IMAGE,IMAGE);