示例#1
0
spinner = ui.icon('fa-spinner', spin=True, fixed=True)

ui.set('right')(
    ui.h4(nav=[spinner, 'Panel'])[spinner, 'Panel'],
    ui.panel('Reactive Test', style='primary')[
        ui.select('object', "obj.id as obj.name for obj in env.objects",
            label='Select an object:'),
        ui.p['Selected object: {{ env.object }}']
    ],
    ui.panel('Panel (style: {{ env.style }})', style='env.style', title='env.title')[
        ui.p['Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, modi!'],
        ui.panel[
            ui.select('style', ['default', 'primary', 'success', 'info', 'warning', 'danger'],
                label='Choose heading style', init='primary'),
            ui.checkbox('title', 'Large title', init=False)
        ]
    ],
    ui.panel('Select values are not passed as strings!', style='primary')[
        ui.select('a', [1, 2, 3], label='a', init=1),
        ui.select('b', [4, 5, 6], label='b', init=4),
        '{{ env.a }} + {{ env.b }} = {{ env.a + env.b }}'
    ]
)


class ExampleApp(App):

    @classmethod
    def on_start(cls):
        cls.objects = [