0

Есть задача добавить в отображаемую форму автоматический расчет полей, чтобы при вводе значений в одно поле формы автоматически рассчитывалось другое. Например, как в гугл переводчике. Сейчас реализую это следующим образом:

class DealForm(forms.ModelForm):
class Meta:
    model = Deal

    fields = ['buy_price','percent','sell_price']

    widgets = {
        'buy_price':  forms.NumberInput(attrs={'class': 'form-control'}),
        'percent':  forms.NumberInput(attrs={'class': 'form-control','onchange':'calcSell()'}),
        'sell_price':  forms.NumberInput(attrs={'class': 'form-control'})
    }

Шаблон

<script>
function calcSell(){
var val1 = document.getElementById('id_buy_price').value
var val2 = document.getElementById('id_percent').value
var val3 = parseFloat(val1)*parseFloat(val2)
document.getElementById('id_sell_price').value = val3.toFixed(8)
}
</script>

Но в связи с тем, что расчетов должно быть значительно больше, то использование скриптов видится не лучшим решением. Однако "на лету" делать это варианта я не нашел пока. Вероятно, есть какой-либо общепринятый и более правильный способ реализации данного функционала.

6
  • Уже много лет как общепринятый и более правильный способ - не использовать событийные атрибуты, типа onchange. Ну и разумно максимально снизить связанность фронтенда и бэкенда. 3 апр 2019 в 13:51
  • Благодарю. Вот поэтому и спрашиваю, как это правильнее реализовать.
    – RyndinV
    3 апр 2019 в 13:57
  • Вы уверены, что хотите позволить пользователю самому менять процент скидки? 4 апр 2019 в 4:31
  • В данном случае это не имеет значения. Важен сам механизм реализации, как правильно сделать расчет одного поля при введении данных в другое.
    – RyndinV
    4 апр 2019 в 12:48
  • @RyndinV если через сервер, то только через отправку ajax-запроса при срабатывании события input. Хотел бы понять вашу фразу про "использование скриптов видится не лучшим решением". Почему не лу, шим? 4 апр 2019 в 19:27

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.