Отправка выбранного выпадающего значения из реагировать JS на Django ORM - PullRequest
0 голосов
/ 08 октября 2018

У меня есть код внешнего интерфейса, который дает выбранное значение из выпадающего списка.Я хочу отправить это значение в файл django views.py, чтобы использовать его в ORM для фильтрации.Значения опций для выпадающего меню также получены из бэкэнда django.Значение, выбранное в раскрывающемся списке, является одним из Customer_Id, используемых для фильтра в ORM.

Ниже приведен код реакции.

import PropTypes from 'prop-types';
import React, { Component } from 'react';
import ReactSelect from 'react-select';

class Select extends React.Component {
     static propTypes = {
     onChange: PropTypes.func,
     name: PropTypes.string,
     value: PropTypes.string,
};

constructor(props) {
    super(props);

    this.state = {
    error: false,
    value: props.default,
};

this.handleChange = this.handleChange.bind(this);
}

handleChange(event) {
    this.setState({value: event.target.value});
}

render() {
   let dropdowns = this.props.state.dropdowns;
   let optionitems = dropdowns.map((dropdown) => {
        return(
          <option key={dropdown.auto_increment_id} value={dropdown.auto_increment_id}>
          {dropdown.customerName}
          </option>
        );
        }

  );

return (
  <div>
    <select value={this.state.value} onChange={this.handleChange}>
      Select Customer Name
      {optionitems}
    </select>
    <p>{this.state.value}</p> // want to send this value to views.py
  </div>
   );
  }
 }
export default Select;

Ниже приведен код views.py:

from psiApp.models import Proactive,CustomersName
from psiApp.serializers import LogSerializer,CustSerializer
from rest_framework import generics

class ListView(generics.ListCreateAPIView):
    queryset = Proactive.objects.all() 
    //Want something like: Proactive.objects.filter(Customer_id=value from react)
    serializer_class = LogSerializer

Надеюсь, вопрос ясен, я новичок в работе над реакцией и django вместе взятыми.Любые идеи приветствуются!Передача значения из внешнего интерфейса в бэкэнд является для меня чем-то очень новым.Заранее спасибо.

1 Ответ

0 голосов
/ 08 октября 2018

Требуется запрос ajax.На случай, если кто-то прокрутит здесь.

...