Can't use className when using UL as datasource #585

ghost · 2020-09-23T16:35:01Z

It appears that you can't make data-* attributes contain capital letters -- they'll be lowered by default. As a result, if you add a data-className attribute to a li they key will become classname when parsing the UL to a json datasource. This makes it so that className for color coding the chart isn't a usable feature when using a UL as a datasource.

I can think of 2 solutions off-hand....

modify the options to add className with a default value of "className" and use whatever the value is set to grab and append the additional classes to the node (more involved, but doesn't require any change to examples)
just change className to classname (less involved, but will break any existing examples that rely on className having a capital N)

ghost · 2020-09-23T17:38:48Z

I'm using the following work around in the mean time

'createNode': function ($node, data) {
    if (data.classname !== undefined && !$node.hasClass(data.classname)) {
        $node.addClass(data.classname);
    }
}

Nov	DEC	Jan
	19
2019	2020	2021

dabeng / OrgChart

Can't use className when using UL as datasource #585

Can't use className when using UL as datasource #585

ghost commented Sep 23, 2020 •

edited by ghost

ghost commented Sep 23, 2020 •

edited by ghost

dabeng / OrgChart

Can't use className when using UL as datasource #585

Can't use className when using UL as datasource #585

Comments

ghost commented Sep 23, 2020 • edited by ghost

ghost commented Sep 23, 2020 • edited by ghost

ghost commented Sep 23, 2020 •

edited by ghost

ghost commented Sep 23, 2020 •

edited by ghost