Динамический пользовательский интерфейс Streamlit для создания динамических виджетов ввода в зависимости от значения из другого виджета ввода

Я хочу открыть этот пост, так как не могу найти ничего в официальной документации от Streamlit или каких-либо ресурсов, в которых упоминалось бы, как это сделать. После некоторых проб и ошибок я нашел способ и опубликую ответ ниже. Это функция, которая в Rshiny называется динамическим UI, вот в чем вопрос.

Как создавать виджеты динамического ввода в зависимости от значения другого виджета ввода? Например, см. рисунок ниже, числа text_input, называемые кодом продукта i, зависят от значения number_input, называемого Number of Products. Таким образом, если есть x продуктов, будет x количество text_input, сгенерированных динамически. Кроме того, значение внутри сгенерированного text_input также может быть извлечено.

Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
1
0
68
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вот один из способов сделать это.
Во-первых, используйте понимание списка для хранения ключей (переменных, которые будут использоваться для последующего извлечения значений из text_input) и значений (text_input).
Затем используйте ключ и значение, чтобы установить атрибут в классе. Значение из text_input, помеченное как product2, может быть извлечено с помощью атрибута внутри класса, например, с помощью p.product2.

import streamlit as st

number_of_products = st.sidebar.number_input(label = "Number of Products",
                                     min_value=0, max_value=20, value=1)

class Products:
    pass

p = Products()
keys = [str("product"+str(x+1)) for x in range(number_of_products)]
values = [st.sidebar.text_input(label=f"Product Code {x+1}", value=0) for x in range(number_of_products)]

for key, value in zip(keys, values):
    setattr(p, key, value)

# each key's value is stored in the class as an attribute
st.write(p.product2)

Использование словаря и команды exec также может динамически объявлять переменные, но когда значение внутри text_input не является числом, это вызовет ошибку.

Создание содержимого виджета динамического ввода возможно при использовании состояния сеанса Streamlit. Однако существует потенциальный недостаток потокового обновления страницы при взаимодействии с виджетом ввода.

Один из способов решить эту проблему — создать несколько форм. Например, в вашем случае вы можете создать одну форму для «Количество продуктов» и обновить это значение до состояния сеанса.

Затем вы можете создать другую форму, которая принимает этот параметр «Количество продуктов» и создает x количество входных виджетов.

import streamlit as st

with st.form("Number of Products"):
  numProducts = st.number_input('Insert a number', key='numProducts')
  submitForm = st.form_submit_button("Set Product Number")

  if submitForm:
    st.success("Please assign product codes below")

if 'numProducts' in st.session_state.keys():
  with st.form("Product Codes"):
    for i in range(st.session_state['numProducts']):
      # insert text inputs with keys here

Надеюсь это поможет!

Другие вопросы по теме