1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
import trame.widgets.html as h
import trame.widgets.vuetify3 as v3
from trame.app import get_server
from trame.ui.vuetify3 import SinglePageLayout, VAppLayout
class Example2:
def __init__(self, server=None):
self.server = get_server(server, client_type="vue3")
self.layout = self._build_ui()
self.count = 0
def _build_ui(self):
with VAppLayout(self.server, template_name="example2") as layout:
with layout:
v3.VBtn(
"test (spoiler, I work)",
style="background-color:gray;",
click=self.test,
)
with v3.VContainer() as self.div:
h.Div("YES")
return layout
def test(self):
self.count += 1
self.div.clear()
with self.div:
h.Div(f"test {self.count}")
self.layout.flush_content()
class Example3:
def __init__(self, server=None):
self.server = get_server(server, client_type="vue3")
self.layout = self._build_ui()
self.count = 0
def _build_ui(self):
with VAppLayout(self.server, template_name="example_3") as layout:
with layout:
v3.VBtn(
"test (spoiler, I don't work)",
style="background-color:gray;",
click=self.test,
)
with v3.VContainer() as self.div:
h.Div("YES")
return layout
def test(self):
self.count += 1
self.div.clear()
with self.div:
h.Div(f"test {self.count}")
self.layout.flush_content()
class Example:
def __init__(self, server=None):
self.server = get_server(server, client_type="vue3")
self.layout = self._build_ui()
self.example2 = Example2()
self.example3 = Example3()
def _build_ui(self):
with SinglePageLayout(self.server) as layout:
with layout.toolbar:
v3.VBtn(
"Not Working",
click="window.open('/?ui=example_3', target='_blank')",
)
v3.VBtn(
"Working", click="window.open('/?ui=example2', target='_blank')"
)
if __name__ == "__main__":
app = Example()
app.server.start()
|
