Dynamically update a cell in table created by loop

[artc95]

Hi! How to update cell values in a table created by loop, based on button onclick by user?
I tried demo for pywebio.output.output (https://pywebio.readthedocs.io/en/latest/output.html#other), but I can't create variables for each cell through a loop. In my code, updating the dictionary value does not seem to work too.
I want the answer review (i.e. is Question 1 answer correct/wrong) to show up under "Review" in the table, not at the bottom as shown:

My code (removed imports and Flask stuff):

def pyglot():
    raw = textarea("Input text here:",rows=10, placeholder="Text in English")
    raw_list = raw.split(" ") # split text into list of individual words
    new_list = [] # store text with questions if word == "the"
    response_list = [["Question","Answer","Review"]] # create table of question numbers, answer options, answer review
    answer_dict = {} # store dictionaries of each question's correct answer and answer review
    the_count = 1 # keep track of number of "the"s in text`
    
    def review_answer(answer, question): # update answer review based on user's answer
        if answer == "the":
            #answer_dict[the_count]["review"].reset("Question {} correct!".format(question))
            answer_dict[the_count]["review"] = put_text(("Question {} correct!".format(question)))

        else:
            put_text("Question {} wrong, try again!".format(question))

    for word in raw_list:
        if word == "the":
            new_list.append("{}. _________ ".format(the_count))
            answer_dict[the_count]={} # initialize dict to store this question's correct answer and answer review
            answer_dict[the_count]["review"]=output(put_text("Not attempted.")) # initialize and indicate answer review as "Not attempted."
            response_list.append([the_count, put_buttons(["the", "-"], onclick=partial(review_answer, question=the_count)), answer_dict[the_count]["review"]])
            the_count += 1
        
        else:
            new_list.append(word)
    
    new = " ".join(new_list) # combine list of questions and words, with " " as separator

    put_row(
        [put_text(new),None,put_table(response_list)],size="50% 5% 45%"
    )

    hold() # allows callbacks ("partial" method) when buttons clicked, see https://pywebio.readthedocs.io/en/latest/session.html#pywebio.session.hold

[helincao]

In your code, the following block only runs once, so the value is not auto-upadted with changes in your dictionary.

    put_row(
        [put_text(new),None,put_table(response_list)],size="50% 5% 45%"
    )

Also, note that .append can only be applied to an output() instance for auto-updating.

---

Here is a sample code snippet to show how to use output() in a loop. Hope this helps.

##sample code

from functools import partial

def main():
    
    #define action 
    def row_action(choice, id):
        click_result[id].append('button #%s clicked' % id)
    
    #config number of rows in the output table
    row_number = 10
    
    #initiate click result list of output instance
    click_result = [output(put_text()) for i in range(row_number)]
    #construct table
    click_table = [[str(i), click_result[i], put_buttons(["click # %s button" % i], 
            onclick=partial(row_action, id=i))] for i in range(row_number)]
    
    #display table   
    put_table(click_table)
    
    session.hold() # allows callbacks ("partial" method)

Screenshot of expected result:

[artc95]

Yes this is perfect for working with output() in a loop, thanks!

But for the click_result and click_table list comprehensions, is it possible to use a range() that starts with 1? e.g.

#initiate click result list of output instance
click_result = [output(put_text()) for i in range(1, row_number)]
#construct table
click_table = [[str(i), click_result[i], put_buttons(["click # %s button" % i], 
             onclick=partial(row_action, id=i))] for i in range(1, row_number)]

Creates errors for me. Thank you very much for your help!

[wang0618]

What you need is only change the row number of table :

click_table = [[str(i+1), click_result[i], put_buttons(["click # %s button" % (i+1)],  onclick=partial(row_action, id=i))] for i in range(row_number)]

[artc95]

Solved, thank you very much 😄