Fatal编程技术网
  • javascript/
  • Javascript Django-Model'；s主键未按预期运行

Javascript Django-Model'；s主键未按预期运行

javascript html django

Javascript Django-Model'；s主键未按预期运行,javascript,html,django,bootstrap-modal,Javascript,Html,Django,Bootstrap Modal,我正在和Django建立一个待办网站。我使用modals以便用户可以创建事件。事件是一个按钮，因此当用户单击它时，它会显示一个包含事件信息的模式。我通过向url传递主键来实现这一点。但是，没有显示任何内容 当我手动转到/view/（事件主键）时，主键也不起作用。我认为这与数据id=“{%url'view event'event.pk%}”有关，但一切看起来都很好。我是Django的新手，所以如果这是一个简单的问题，我很抱歉 显示事件div的Html： <div class="col-md

我正在和Django建立一个待办网站。我使用modals以便用户可以创建事件。事件是一个按钮，因此当用户单击它时，它会显示一个包含事件信息的模式。我通过向url传递主键来实现这一点。但是，没有显示任何内容

当我手动转到/view/（事件主键）时，主键也不起作用。我认为这与
数据id=“{%url'view event'event.pk%}”
有关，但一切看起来都很好。我是Django的新手，所以如果这是一个简单的问题，我很抱歉

显示事件div的Html：

<div class="col-md-6 inline mb-4">  
  <h3 class="ml-1">Events:</h3> 
    <div class="events-content-section ml-2">
    {% for event in events %}  
    <div class="mb-2" style="display: flex; align-items: center;">  
    <button type="button" class="view-event btn btn-light" style="width: 100%;" data-id="{% url 'view-event' event.pk %}">
      <span>
        <h4 style="float: left;">{{ event.title|truncatechars:29 }}</h4>
        <button type="button" class="update-event btn btn-sm btn-info ml-1" data-id="{% url 'update-event' event.pk %}" style="float: right;">
          <span class="fas fa-edit"></span>
        </button>
        <button type="button" class="delete-event btn btn-sm btn-danger mr-2 ml-2" data-id="{% url 'delete-event' event.pk %}" style="float: right;">
          <span class="fa fa-trash"></span>
        </button>   
      </span>
    </button> 
  </div>
  {% endfor %}  
  </div>
</div>
视图的HTML：

{% load bootstrap4 %}
{% load static %}
{% bootstrap_css %}   
{% bootstrap_javascript jquery='full' %}
{% load widget_tweaks %}
<!DOCTYPE html>
<html>
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Custom Stylesheet -->
    <link rel="stylesheet" type="text/css" href="{% static 'main/main.css' %}">

</head>
<body>
    <div class="modal-header">
        <h3 class="modal-title">{{ event.title }}</h3>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <div class="modal-body">
        <div class="">
            Description:
            {{ event.description }}
        </div> 
        <div class="">
            Start Time:
            {{ event.start_time }}
        </div>
        <div class="">
            End Time:
            {{ event.end_time }}
        </div>
        <div class="">
            Remind Time:
            {{ event.remind_time }}
        </div>
    </div>

<div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</body>
</html>
我希望事件通过数据id传递并显示在视图上，因此填写描述、开始时间等

至于使用数据id的js，我使用，所以一切都由已安装的应用程序处理

您还没有在此处显示任何相关信息来回答问题。使用该
数据id
显示模式的JS在哪里？URL.py在哪里？填充模板的视图在哪里？它实际上应该是什么样子的？我刚刚更新了问题您的模型是ToDoItem，因此您需要在模板中使用
ToDoItem
，而不是
事件
。您没有在此处显示任何相关信息来回答问题。使用该
数据id
显示模式的JS在哪里？URL.py在哪里？填充模板的视图在哪里？它实际上应该是什么样子？我刚刚更新了问题“您的模型是ToDoItem”，因此您需要在模板中使用
ToDoItem
，而不是
事件
。 
{% load bootstrap4 %}
{% load static %}
{% bootstrap_css %}   
{% bootstrap_javascript jquery='full' %}
{% load widget_tweaks %}
<!DOCTYPE html>
<html>
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Custom Stylesheet -->
    <link rel="stylesheet" type="text/css" href="{% static 'main/main.css' %}">

</head>
<body>
    <div class="modal-header">
        <h3 class="modal-title">{{ event.title }}</h3>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <div class="modal-body">
        <div class="">
            Description:
            {{ event.description }}
        </div> 
        <div class="">
            Start Time:
            {{ event.start_time }}
        </div>
        <div class="">
            End Time:
            {{ event.end_time }}
        </div>
        <div class="">
            Remind Time:
            {{ event.remind_time }}
        </div>
    </div>

<div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</body>
</html>

urlpatterns = [
    path('', home, name='app-home'),
    path('new_event/', EventCreateView.as_view(), name='new-event'),
    path('update/<int:pk>/', EventUpdateView.as_view(), name='update-event'),
    path('view/<int:pk>/', EventReadView.as_view(), name='view-event'),
    path('delete/<int:pk>/', EventDeleteView.as_view(), name='delete-event'),
    path('calendar/', calendar_view, name='calendar'),
]

class EventReadView(BSModalReadView):
    model = ToDoItem
    template_name = 'main/todoitem_view.html'