Accessing inline items

[Alex-Wenner-FHR]

Hi! I am struggling to access inline items.

I have tried something like q.page['name'].items[1].inline.items[1].message_bar.text = "Text Change"

But I am not having any luck, am I doing this incorrectly?

[vopani]

Without knowing the error, it's hard to know where you are facing an issue. An indexing problem would be my best guess.

A working example:

from h2o_wave import Q, main, app, ui

@app('/')
async def serve(q: Q):
    if q.args.change:
        q.page['name'].items[1].inline.items[0].message_bar.text = 'Text Change'
    else:
        q.page['name'] = ui.form_card(
            box='1 1 2 2',
            items=[
                ui.label('Test'),
                ui.inline(
                    items=[
                        ui.message_bar(type='info', text='No Filter Selected'),
                        ui.button(name='change', label='Change', primary=True)
                    ]
                )
            ]
        )

    await q.page.save()

[mtanco]

Thanks for the response @vopani !

@AlexWennerDT specifically I believe you are indexing starting at 1, but the index starts at 0. For example you are trying to access the first item in your inline, so it should be items[0] rather than items[1].

[Alex-Wenner-FHR]

Gotcha, I believe that is what I am doing wrong! Thanks all

[Nayananga]

@mtanco @vopani can we update ui.table rows in a similar fashion? I tried this,
suppose ui.table is the first item in the q.page["page_name"]

q.page["page_name"].items[0].table.rows = [
        ui.table_row(
            name="row.unique_name",
            cells=[
                cell_1 = row.updated_data_1,
                cell_2 = row.updated_data_2
            ],
        )
        for row in row_data
    ]

It didn't throw any error but I ended up with a black page.

[vopani]

Yes you can.

from h2o_wave import Q, main, app, ui

@app('/')
async def serve(q: Q):
    if q.args.change:
        q.page['name'].items[0].table.rows = [ui.table_row(name='0', cells=['b'])]
        q.page['name'].items[0].table.columns = [ui.table_column(name='B', label='B')]
    else:
        q.page['name'] = ui.form_card(
            box='1 1 2 2',
            items=[
                ui.table(
                    name='table',
                    rows=[ui.table_row(name='0', cells=['a'])],
                    columns=[ui.table_column(name='A', label='A')]
                ),
                ui.button(name='change', label='Change')
            ]
        )

    await q.page.save()