[7-4] お問い合わせ一覧のテンプレート修正

hidenorigoto · Dec 28, 2015 · c78a42c · c78a42c
1 parent 61e74b2
commit c78a42c
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 2 deletions.
diff --git a/app/Resources/views/Admin/Inquiry/index.html.twig b/app/Resources/views/Admin/Inquiry/index.html.twig
@@ -6,11 +6,13 @@
 <h2 class="sub-header">お問い合わせ管理</h2>
 
 <div>
-    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
+    {{ form_start(form, {'attr': {'id':'searchForm', 'novalidate': 'novalidate'}}) }}
     検索：{{ form_widget(form.search) }}
 
-    {{ form_widget(form.submit, {"attr": {"class":"btn btn-default"}}) }}
+    {{ form_widget(form.submit, {"attr": {"class":"btn btn-default searchButton"}}) }}
     {{ form_end(form) }}
+
+    <a class="btn btn-default downloadButton">CSVダウンロード</a>
 </div>
 
 <table class="table table-striped">
@@ -38,3 +40,17 @@
     </tbody>
 </table>
 {% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script type="text/javascript">
+$('.downloadButton').click(function() {
+    $('#searchForm').attr('action', '{{ path("app_admininquirylist_index", {"_format":"csv"}) }}');
+    $('#searchForm').submit();
+});
+$('.searchButton').click(function() {
+    $('#searchForm').attr('action', '{{ path("app_admininquirylist_index", {"_format":"html"}) }}');
+    $('#searchForm').submit();
+});
+</script>
+{% endblock %}
diff --git a/docs/lists/ch07/07-04.txt b/docs/lists/ch07/07-04.txt
@@ -0,0 +1,25 @@
+<div>
+    {{ form_start(form, {'attr': {'id':'searchForm', 'novalidate': 'novalidate'}}) }}
+    検索：{{ form_widget(form.search) }}
+
+    {{ form_widget(form.submit, {"attr": {"class":"btn btn-default searchButton"}}) }}
+    {{ form_end(form) }}
+
+    <a class="btn btn-default downloadButton">CSVダウンロード</a>
+</div>
+
+...
+
+{% block javascripts %}
+{{ parent() }}
+<script type="text/javascript">
+$('.downloadButton').click(function() {
+    $('#searchForm').attr('action', '{{ path("app_admininquirylist_index", {"_format":"csv"}) }}');
+    $('#searchForm').submit();
+});
+$('.searchButton').click(function() {
+    $('#searchForm').attr('action', '{{ path("app_admininquirylist_index", {"_format":"html"}) }}');
+    $('#searchForm').submit();
+});
+</script>
+{% endblock %}