Metadata.js БП демо

Пример подключения трёх документов типовой конфигурации Бухгалтерия предприятия

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/fontawesome/4.5/css/font-awesome.min.css">
<script src="//cdn.jsdelivr.net/g/metadata(dhx_terrace.css+metadata.css)"></script>
<script src="//cdn.jsdelivr.net/g/alasql,[email protected](dhtmlx.min.js+metadata.min.js)"></script>

JavaScript

import React from "react";
import ReactDOM from "react-dom";

Class Counter extends React.Component {
    constructor(props) {
        super(props);
        this.state = { count: 0};
    }

    down(value) {
        this.setState(state => ({ count: state.count - value }));
    }
    up(value) {
        this.setState(state => ({ count: state.count + value }));
    }

    render() {
        return (
            <div>
                <h1>{this.state.count}</h1>
                <button onClick = {() => this.down(1)}>-</button>
                <button onClick = {() => this.up(1)}>+</button>
            </div>
        );
    }
}

ReactDOM.render(<Counter />, document.querySelector("#app"));