Использование ag-grid для табличного отображения - PullRequest
0 голосов
/ 10 мая 2018

Я хочу использовать ag-grid , чтобы отображать входящие данные в виде таблицы, а также предоставлять возможность экспорта в формате CSV.Я использовал ссылку из здесь и здесь , чтобы вставить код в узел шаблона.

Это мой шаблон кода:

<script src="https://unpkg.com/ag-grid/dist/ag-grid.min.noStyle.js"></script>
<link rel="stylesheet" href="https://unpkg.com/ag-grid/dist/styles/ag-grid.css">
<link rel="stylesheet" href="https://unpkg.com/ag-grid/dist/styles/ag-theme-balham.css">
<div id="myGrid" style="height: 600px;width:500px;" class="ag-theme-balham"></div>
<script>
    (funtion(scope) {
        var columnDefs = [
            {headerName: "Make", field: "make"},
            {headerName: "Model", field: "model"},
            {headerName: "Price", field: "price"}
        ];
        //
        var rowData = [
            {make: "Toyota", model: "Celica", price: 35000},
            {make: "Ford", model: "Mondeo", price: 32000},
            {make: "Porsche", model: "Boxter", price: 72000}
        ];
        //
        var gridOptions = {
            columnDefs: columnDefs,
            rowData: rowData
        };
        //
        var eGridDiv = document.querySelector('#myGrid');
        var testGrid = new agGrid.Grid(gridOptions);
        //
        scope.$watch('msg', function(msg) {
                    if (msg) {
                        row = [
                            {make: "Toyota", model: "Celica", price: 35000}
                        ];
                        testGrid.setRowData(row);
                    }
                }
            )
        }
    )(scope);
</script>

Но я продолжаю получать эту ошибку:

Uncaught SyntaxError: Unexpected token {
    at m (app.min.js:20)
    at Re (app.min.js:20)
    at w.fn.init.append (app.min.js:20)
    at w.fn.init.<anonymous> (app.min.js:20)
    at z (app.min.js:20)
    at w.fn.init.html (app.min.js:20)
    at app.min.js:565
    at m.$digest (app.min.js:165)
    at m.$apply (app.min.js:168)
    at app.min.js:181

Как мне пройти эту ошибку и показать полезную нагрузку MQTT какстол?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...