akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 15:17:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add list node and register click events

Browse Source
This commit is contained in:
Misode
2020-05-25 16:51:49 +02:00
parent 56f3766a13
commit 25bfaf666a
8 changed files with 109 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/nodes/EnumNode.ts
View File

@@ -1,4 +1,4 @@
import { AbstractNode, NodeMods } from './AbstractNode'
import { AbstractNode, NodeMods, RenderOptions } from './AbstractNode'
import { DataModel } from '../model/DataModel'
import { TreeView } from '../view/TreeView'
import { Path } from '../model/Path'
@@ -15,9 +15,10 @@ export class EnumNode extends AbstractNode<string> {
model.set(path, el.querySelector('select')?.value)
}
render(path: Path, value: string, view: TreeView) {
render(path: Path, value: string, view: TreeView, options?: RenderOptions) {
const id = view.register(el => (el as HTMLInputElement).value = value)
return this.wrap(path, view, `<span>${path.last()}</span>
return this.wrap(path, view, `
${options?.hideLabel ? `` : `<label>${path.last()}</label>`}
<select data-id=${id}>
${this.options.map(o => `<option value="${o}">${o}</option>`).join('')}
</select>`)