mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 09:54:02 +08:00
Jack Franklin
a3d3a82814
They are not needed now we use Lit static tags. Bug: 1153077 Change-Id: Ic5a7971e9e0dfc788d774b84d99c2538f6a3eadb Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2896897 Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Auto-Submit: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
46 lines
1.8 KiB
TypeScript
46 lines
1.8 KiB
TypeScript
// Copyright 2020 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import * as EnvironmentHelpers from '../../../../../test/unittests/front_end/helpers/EnvironmentHelpers.js';
|
|
import * as DataGrid from '../../data_grid/data_grid.js';
|
|
import * as ComponentHelpers from '../../helpers/helpers.js';
|
|
|
|
await EnvironmentHelpers.initializeGlobalVars();
|
|
await ComponentHelpers.ComponentServerSetup.setup();
|
|
|
|
const component = new DataGrid.DataGridController.DataGridController();
|
|
|
|
component.data = {
|
|
columns: [
|
|
{id: 'key', title: 'Key', sortable: true, widthWeighting: 1, visible: true, hideable: false},
|
|
{id: 'value', title: 'Value', sortable: true, widthWeighting: 1, visible: true, hideable: true},
|
|
],
|
|
rows: [
|
|
// Each key is the ID of a column, and the value is the value for that column
|
|
{cells: [{columnId: 'key', value: 'Bravo', title: 'Bravo'}, {columnId: 'value', value: 'Letter B'}]},
|
|
{cells: [{columnId: 'key', value: 'Alpha', title: 'Alpha'}, {columnId: 'value', value: 'Letter A'}]},
|
|
{cells: [{columnId: 'key', value: 'Charlie', title: 'Charlie'}, {columnId: 'value', value: 'Letter C'}]},
|
|
],
|
|
};
|
|
|
|
document.getElementById('container')?.appendChild(component);
|
|
|
|
function createRandomString(): string {
|
|
let ret = '';
|
|
for (let i = 0; i < 16; i++) {
|
|
const letter = String.fromCharCode(Math.floor(65 + Math.random() * 26));
|
|
ret += letter;
|
|
}
|
|
return ret;
|
|
}
|
|
document.getElementById('add')?.addEventListener('click', () => {
|
|
const newRow = {
|
|
cells: [{columnId: 'key', value: createRandomString()}, {columnId: 'value', value: createRandomString()}],
|
|
};
|
|
component.data = {
|
|
...component.data,
|
|
rows: [...component.data.rows, newRow],
|
|
};
|
|
});
|