Need original classes from Option

[TheoLyn69]

Hi,

I'm trying to integrate Tom-select library into my symfony project.
When my (and ) elements are generated, I include some custom classes into my element (color and margin values). When I load the tom-select through my element, all my classes disappear. Only are keeped the tom-select ones.

How can I do to keep my classes ? I know there is a render function mentioned into the documentation : but it's seems to only work with options that are created into the javascript ("options" member with list), not the original HTML elements...

Sorry, my english is not very good. Nevertheless, I hope you understand what I mean.

Thank you for your help.
Regards,

--
Sylvain

[oyejorge]

Hi Sylvain,

You could use a custom render method to add a custom class to all options

[TheoLyn69]

I know this functionality.

But, here is my generated code :

<Select>
<Option value="1" class="class1 class2">option 1</option>
<Option value="2" class="class1 class3">option 2</option>
<Option value="3" class="class4">option 3</option>
</Select>

How to keep the "class1", "class2" added on the previous element...etc.... on the tom-select generated div item ??? With the render method, is it possible to access to the class list of the element ?
Your reply is correct only if the class I add are constant...

Regards,

Sylvain

[oyejorge]

Hmm, I'm not sure this is possible right now without keeping track of class-option associations outside of tom-select. I have a change or two in mind that will make this much easier though.

[TheoLyn69]

Ok. Thanks for your reply.
At the moment, without this functionality, I can not use this library. In the future, I will keep an eye on tom-select library 👍

Have a nice day,
Regards,
Sylvain

[oyejorge]

Alright, this can be done now with v1.4 like so:

new TomSelect("#select-beast",{
	render: {
		option: function(data, escape) {
			return '<div class="' +escape(data.$option.className) +'">' + escape(data.text) + '</div>';
		},
	}
});

[shornikov]

ok, i update classes in select and run refreshOptions(). classes don't update (