JQuery GetOrgChart - цвет коробки и URL

Question

Я пытаюсь получить GetOrgChart и у меня есть вопрос, возможно ли изменить цвет ящиков, но я не нашел способа изменить цвет ящиков на основе фильтра (то есть, если вы мальчики, ящики синие и розовые для девочек). Я знаю о событии renderBoxContentEvent, но мне не удалось найти способ использовать его для изменения цвета поля

Заранее спасибо!

Answer 1

В нижней части демонстрации ( http://www.getorgchart.com/Demos/Box-Color) находится код JQuery для установки цвета прямоугольника определенного индекса в источнике данных:

$("#people").getOrgChart("setBoxColor", 6, "green");

Answer 2

Проверьте следующее демо: http://www.getorgchart.com/Demos/Box-Color

Это демонстрирует именно то, что вы хотите достичь

Answer 3

У меня была та же проблема, и я нашел обходной путь, который, конечно, не очень хорош, но он работает.

Установите 2 массива, где вы собираете идентификаторы в зависимости от данных. Результат Секс.

var warr = new Array(); // array for the women
var marr = new Array(); // array for the men

$('#people').getOrgChart({
            renderBoxContentEvent: function( sender, args ) {
                if (args.data.Sex == "Female") {warr.push(args.id);}
                if (args.data.Sex == "Male")  {marr.push(args.id);}
            },  
                primaryColumns: ["Name"],
                editable: true,
                dataSource: [
            { id: 1, parentId: null, Name: "Amber McKenzie", Sex : "Female"},
            { id: 2, parentId: 1, Name: "Ava Field", Sex : "Female"},
            { id: 3, parentId: 1, Name: "Ben Johnson", Sex : "Male"}]

            });

            // now loop through the arrays to color the boxes   
            for (var i = 0; i < warr.length; i++) {$("#people").getOrgChart("setBoxColor",warr[i],"lightgreen");} // girls green
            for (var i = 0; i < marr.length; i++) {$("#people").getOrgChart("setBoxColor",marr[i],"lightblue");} // men blue
        });