teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

html追加

2017/09/19 13:32

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -82,6 +82,57 @@
82
82
 
83
83
  url(r'^kiji/(?P<pk>[0-9]+)/$', views.DetailView.as_view(), name='kiji'),
84
84
  ```
85
+ ```
86
+ #detail.html
87
+
88
+ <!DOCTYPE html>
89
+ {% extends "base.html" %}
90
+ {% load staticfiles %}
91
+
92
+ {% block content1 %}
93
+
94
+ <h1>{{ kiji_data.kiji }}</h1>
95
+
96
+ <div class="text-right">
97
+ {{ form.password.errors.as_text }}
98
+ <form class="form-inline" role="form" action="{% url 'myapp:kiji' kiji_data.pk %}" method="POST">
99
+ <div class="form-group has-success">
100
+ {{ form.password }}
101
+ {% csrf_token %}
102
+ <input class="btn btn-danger btn-xs" type="submit" placeholder="password" value="Pass for Edit">
103
+ </div>
104
+ </form>
105
+ </div>
106
+
107
+ <br>
108
+ <br>
109
+
110
+ <div class="pull-left">
111
+ <ul class="pagination pagination-sm">
112
+ {% if contacts.has_previous %}
113
+ <li><a href="?page={{ contacts.previous_page_number }}">&laquo;</a></li>
114
+ {% else %}
115
+ <li class="disabled"><span>&laquo;</span></li>
116
+ {% endif %}
117
+ {% for i in contacts.paginator.page_range %}
118
+ {% if contacts.number == i %}
119
+ <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
120
+ {% else %}
121
+ <li><a href="?page={{ i }}">{{ i }}</a></li>
122
+ {% endif %}
123
+ {% endfor %}
124
+ {% if contacts.has_next %}
125
+ <li><a href="?page={{ contacts.next_page_number }}">&raquo;</a></li>
126
+ {% else %}
127
+ <li class="disabled"><span>&raquo;</span></li>
128
+ {% endif %}
129
+ </ul>
130
+ </div>
131
+ <br>
132
+ <br>
133
+ <br>
134
+ {% endblock content1 %}
135
+ ```
85
136
  かなり強引にDetailViewでpaginationを使うべくコードを書いてみました。
86
137
  ➀get_context_data内で"pk"を使ってurlに引数として渡している記事データのs_idを取得。
87
138
  ➁取得したs_idを持つ記事データをクエリセット内に取得。