mirror of
https://github.com/microsoft/vscode.git
synced 2026-05-14 12:11:43 +01:00
Joao Moreno
54 lines
1.0 KiB
HTML
54 lines
1.0 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Tree</title>
|
|
<style>
|
|
#container {
|
|
width: 400;
|
|
height: 600;
|
|
border: 1px solid black;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="container"></div>
|
|
|
|
<script src="../out/vs/loader.js"></script>
|
|
<script>
|
|
require.config({ baseUrl: '../out' });
|
|
|
|
require(['vs/base/browser/ui/tree/tree', 'vs/base/common/iterator'], ({ Tree }, { iter }) => {
|
|
const delegate = {
|
|
getHeight() { return 22; },
|
|
getTemplateId() { return 'template'; }
|
|
};
|
|
|
|
const renderer = {
|
|
templateId: 'template',
|
|
renderTemplate(container) { return container; },
|
|
renderElement(element, index, container) {
|
|
container.textContent = element;
|
|
},
|
|
disposeTemplate() { }
|
|
};
|
|
|
|
const tree = new Tree(container, delegate, [renderer]);
|
|
tree.splice([0], 0, [
|
|
{
|
|
element: '0',
|
|
children: [
|
|
{ element: '10' },
|
|
{ element: '11' },
|
|
{ element: '12' },
|
|
]
|
|
},
|
|
{ element: '1' },
|
|
{ element: '2' }
|
|
])
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |