Событие двойного щелчка в компоненте Diagram Builder в AlloyUI - PullRequest
Новая
       22

Событие двойного щелчка в компоненте Diagram Builder в AlloyUI

0 голосов
/ 30 октября 2018

У меня проблемы с созданием проекта с помощью Alloy's Diagram Builder. Мне нужно вызвать событие, когда пользователь дважды щелкает один из компонентов (например, задачу). Я хотел бы знать, возможно ли это, если невозможно предложить другой компонент построителя диаграмм, который я мог бы решить эту проблему и сгенерировать JSON в конце. 

<!doctype html>

<html>
<head>
    <script src="https://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script>
    <link href="https://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"></link>
    <script>
        YUI().use(
            'aui-diagram-builder', 'aui-button',
            function(Y) {
                var availableFields = [
                    {
                        iconClass: 'diagram-node-start-icon',
                        label: 'Start',
                        type: 'start'
                    },
                    {
                        iconClass: 'diagram-node-task-icon',
                        label: 'Task',
                        type: 'task'
                    },
                    {
                        iconClass: 'diagram-node-end-icon',
                        label: 'End',
                        type: 'end'
                    }
                ];

                var diagramBuilder = new Y.DiagramBuilder (
                    {
                        availableFields: availableFields,
                        boundingBox: '#diagram-builder-bb',
                        render: true,
                        srcNode: '#diagram-builder-sn'
                    }
                );

                var btn = new Y.Button(
                    {
                        icon: 'icon-print',
                        iconAlign: 'left',
                        label: 'Load JSON',
                        srcNode: '#myButton'
                    }
                ).render();

                btn.on('click', function () {
                   console.log(diagramBuilder.toJSON());
                });
            }
        );
    </script>
</head>
<body>
    <div class="row">
        <div class="col-md-6">
            <div id="diagram-builder-bb">
                <div id="diagram-builder-sn"></div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-12">
                    <button id="myButton">Load JSON</button>
                </div>
                <div id="json"></div>
            </div>
        </div>
    </div>
</body>
</html>

https://codepen.io/braulioti/pen/MPdQYr

Спасибо.

...